CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page7-LXvAQY" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page7-D0XZ9n"><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/social/1200x630-1647432792807.jpg" page-seo-overriden="true" /><meta property="og:site_name" content="Children’s Hospital of Philadelphia" /><meta property="og:url" content="https://careers.chop.edu/us/en/home" /><meta property="og:title" content="Careers at Children’s Hospital of Philadelphia | Children’s Hospital of Philadelphia jobs" /><meta property="og:description" content="Breakthroughs Start Here. Join at Children’s Hospital of Philadelphia and take control of your career today!" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@Children’s Hospital of Philadelphia" /><meta name="twitter:creator" content="@Careers - Children’s Hospital of Philadelphia" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/social/1024x512-1647432748133.jpg" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Children’s Hospital of Philadelphia | Children’s Hospital of Philadelphia jobs" /><meta name="twitter:description" content="Breakthroughs Start Here. Join at Children’s Hospital of Philadelphia and take control of your career today!" /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page7-LEziMH" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page7-QSAH4m" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page7-ehHPXr" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page7-rGAZRJ" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page7-Q0o7jv" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page7-MaIne4" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page7-d9PJUR" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page7-jar4I9" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.chop.edu/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"CHOPUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.chop.edu/us/en/","baseDomain":"https://careers.chop.edu","phenomTrackURL":"careers.chop.edu/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.chop.edu","pageId":"page7"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/1738585436939-classesForCms.js","phwPxScrVerionUrl_old":"pcs/common/phw-px-hadlr.1728044004391.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://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/ot-priv-pol-3.0.js","ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":true,"pxScrVerionUrl_bkp":"common/js/vendor/ph-px-hadlr-1.15.js","phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"globalSearchFeature":{"mobileSearch":false,"militarySearch":true},"refineSearch":{"enabledFacets":["category","state","city","type","phLocSlider"],"facetDisplayNames":{"category":"Category","state":"State / Province","city":"City","type":"Hiring Type","phLocSlider":"Location"},"facetPlaceholderNames":{"category":"Search in Category","state":"Search in State / Province","city":"Search in City","type":"Search in Hiring Type","phLocSlider":"Location"},"defaultFacetsToOpen":["category","phLocSlider"],"facetConfig":{"phLocSlider":{"sliderRadius":50,"aboveMaxRadius":false,"locationRangeEnd":100,"sliderDelta":1}}},"linkedIn":{"apiKey":"752xe1cieo8utv"},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","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":"1633947069976673","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"}},"gdpr":{"cookieTypeV1":"persistent","showCookieSettings":false,"showDecline":true,"enabled":true,"cookieType":"persistent"},"size":"10","iscdnEnabled":true},"size":"10","refNum":"CHOPUS","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":{"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"navMenuItems":[],"cdnCaasContentEnabled":true,"candidateHome":false,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://careers.chop.edu/us/en/blog"},"events":{"url":"https://careers.chop.edu/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/1738315470465-phw-px-hadlr.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"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":"https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/1731591806866-ph-px-hadlr-1.19.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"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":"1633947069976673","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou","pmr_review":"pmr/review/:formId"},"categoryUrlMap":{"CHOPUS_Social_Work_Family_Support":"c/social-workfamily-support-jobs","CHOPUS_Information_Technology":"c/information-technology-jobs","CHOPUS_Research":"c/research-jobs","CHOPUS_Students_&_Interns":"c/students-interns-jobs","CHOPUS_Administrative_Clerical":"c/administrativeclerical-jobs","CHOPUS_Development_Fundraising":"c/developmentfundraising-jobs","CHOPUS_Nursing":"c/nursing-jobs","CHOPUS_Pharmacy":"c/pharmacy-jobs","CHOPUS_Physician":"c/physician-jobs","CHOPUS_Clinical_Non_Nursing":"c/clinicalnonnursing-jobs","CHOPUS_Business_Professionals":"c/business-professionals-jobs","CHOPUS_Behavioral_Health":"c/behavioral-health-jobs","CHOPUS_Other":"c/other-jobs","CHOPUS_Advanced_Practice":"c/advanced-practice-jobs","CHOPUS_Allied_Health":"c/allied-health-jobs","CHOPUS_Laboratory_Medicine":"c/laboratory-medicine-jobs","CHOPUS_Development/Fundraising":"c/developmentfundraising-jobs","CHOPUS_Fellows_Students_Interns":"c/fellows-students-interns-jobs","CHOPUS_Clinical/Non-Nursing":"c/clinicalnonnursing-jobs","CHOPUS_Imaging/Radiology":"c/imagingradiology-jobs","CHOPUS_Imaging_Radiology":"c/imagingradiology-jobs","CHOPUS_Social_Work/Family_Support":"c/social-workfamily-support-jobs","CHOPUS_Administrative/Clerical":"c/administrativeclerical-jobs","CHOPUS_Students_Interns":"c/students-interns-jobs"},"isNativeEmailClient":false,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobwidgetsettings","siteConfig","locationmapsettings","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"5902103696da422f96bbc5b7b7ada7b7","phProfileId":"2cb422cf-810a-4b37-8a55-284db8913bb4","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.chop.edu/us/en/home" /><meta name="description" content="Explore career opportunities at CHOP and join a welcoming community of more than 20,000 Breakthrough Makers." key-description="external-default-home-description" /><meta name="keywords" content="careers at children’s hospital of philadelphia, children’s hospital of philadelphia jobs" key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.chop.edu/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta property="fb:admins" content="" /><title data-ph-id="ph-page-element-page7-KbxlAU" key="external-default-home-title">Careers at Children’s Hospital of Philadelphia | Children’s Hospital of Philadelphia jobs</title> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.26.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.51.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.51.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/page7/ph-page-page7-1740088801071.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-candidate-login-v1-default-mobile-1639461552885" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-sgMb3O"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-N388y2"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-shti9j"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-u4IJyv"></i> <span data-ph-id="ph-page-element-short-header-0PV9hm">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-x0N3G7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-DhWQMG"></i> <span data-ph-id="ph-page-element-short-header-EkfOtj">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-F1JX7S"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-c4acix"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-cvJsOH"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-jRFLoB"> <span data-ph-id="ph-page-element-short-header-7ciWJ0">${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-page-element-short-header-hSi6jh"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-COSI6l"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-gdLK9r"> <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-page-element-short-header-eriIRw"> ${profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-wweTSy"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-short-header-fhv10R"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-9vsFuv"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-nyq3df"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-Nmyqn0"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-B95Hhp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-6jZ04O"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-kjEbfN"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-hWdQgl"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-dmzjfe"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-X7J7oi"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-bLGO5F"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-J1UHlB"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-EnfMnj"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-gkQnMY"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-AXAa3F"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Y8JED4"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-sxyM8z"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-uGUEdQ"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-o3vus2"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-k1IxfD"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-bk8UI9"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-X6hYqI"> <form novalidate="" data-ph-id="ph-page-element-short-header-D3wZV9"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-eK7wu2"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-0wPHpi"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-Jg9Y0n"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-B9TBjK"> <div class="text-box" data-ph-id="ph-page-element-short-header-UgVwpf"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-FISDgO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-yfLxsK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-jD41dd"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-Og7V2s"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-We1h3S"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-vkIEvC"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-gmkykz"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-JNMbsn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-4elB4b"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-SpUcO3"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-HuMf4G"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-4VK4aL"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-bOg4Kn"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-apmi58"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-dDwpHY"> <div class="text-box" data-ph-id="ph-page-element-short-header-Ul6GXO"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-CSlmJO"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-STfZPQ"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-mp0vw2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-xR94YS"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-g8aLEY"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-R12Ysb"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ZvdS3s"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-pjMgnI"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-Z2RCJv"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-fal3mO"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-QVsJNo"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-pTVevU"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-9uKgRx"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-FGzouj"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-ExdSfh"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-kQ7Phq"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-Mka61E"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-FpqIHr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-A7Clp6"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-XHUZDA"> <div class="form-container" data-ph-id="ph-page-element-short-header-EFrFI2"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-vBWhZz"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-O2BrhH"> <div class="user-options" data-ph-id="ph-page-element-short-header-klHMq7"> <span class="each-option" data-ph-id="ph-page-element-short-header-cYTnHt"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-xURRDp"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-B8ChtT"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-dDEfx5"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-n6OQSr"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-cUTgNU"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-R8ANfo"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-DO1D9t"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-ColVmH"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Q9N7Rw"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-66P0Rk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-Q0V252"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-TX1Ibf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-KRC8j3"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-uPC5bZ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-eiNGzn"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-MPFQSV"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-UAYsSK"> ${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-page-element-short-header-7pQeOD"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-wUa3Lg"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-bimF00"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-usl2wc"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-WeEYjx"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-Vdpexb"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-AbFg81"></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-page-element-short-header-yF8ltM"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-9qPuJd"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-pYcadT"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-sBuufi"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-02YKDH"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-kOauFH"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-E06BIB"> <form novalidate="" data-ph-id="ph-page-element-short-header-wbijFS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-1gcghI"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-U8C8Dr"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-khBTWH"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-aFWJFR"> <div class="text-box" data-ph-id="ph-page-element-short-header-9NCtjA"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-b8n8k2"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-5lGxaC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-Amah7I"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-Kw6eCt"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-YG5q32"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-0gAtUy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-JFbr5b"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-NAhNjz"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-21RcGt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-hyLWaA"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-mmq89I"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-CYsrVI"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-nIkmbt"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-UWA47U"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-dJxhvg"> <div class="text-box" data-ph-id="ph-page-element-short-header-mPBEHi"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-HtEN2q"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-44lvn6"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-fR4jE3"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-pPjYSi"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-JTW2N1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-Vxr6xn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-4a8Hdn"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-LfciD8"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-BbrjYZ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-xdTWBg"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-6Vh2XO"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-kWPyCE"> <span class="sr-only" data-ph-id="ph-page-element-short-header-JAkIqS"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-fIm745"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-CludIj"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-PZVs2i"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-XrtkIq"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-9uhtja"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-sMcBU7"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-7GudVj">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-qpR4FZ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-skIoFy">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-fJZ4g0">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-TNKOSs"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-Ftvbra"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-B7kyi5"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-xirDJi"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-short-header-FDGpGS"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-iqqP2o"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-oiuytr-t7rJrJ" data-ph-id="ph-page-element-short-header-0kKal1"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-ciS4ol"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-QKbIEx"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-u1s5si"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-sIuw32" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-fRxHts">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-zn8D1q"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-F7X5rP"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-wnZ2e2"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-LXaizA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-T42cm6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-4XuFFv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-G6SkAK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-93lNml"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-1lSgkg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-G6jOGW">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-3eKff0"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-whe32i"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-JlCIYt"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-4Qmv9k"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-ewlI0B"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-lk5G2A"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-xDhL1P"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-XL7e7a"> <div class="form-container" data-ph-id="ph-page-element-short-header-HCOvqP"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-AnDW8X"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-9VedpP"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-MfhZPF"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-FYNFb6"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-Aj14d8" view="1639461556493-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1653383873063" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-GEoezc"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-Fq1fUf"> <span data-ph-id="ph-page-element-short-header-5mKyCn"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-c5xUrQ"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-cXnM0a"> <span data-ph-id="ph-page-element-short-header-r11GG5"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-eKCyYu"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-qejFdE"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-OiA7Ty">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-OxbCiw">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-i1T0HN"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-AHYkom"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-UQCuUo"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-6mUnmF"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-gxmOel"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-44BmkW"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-oHrvVM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-RD384d"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-yNkOJl"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-r1fAfF"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-ASufai"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-NcdF9r">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-RgpE3Z"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-so3ci9"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1625838589315" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-EoJmy3"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-Ee5rts"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-kte19c"></i> <span data-ph-id="ph-page-element-short-header-X5GGpu">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1606228440110" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-Twaw0a"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-yRwlZy"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-Ihr69M"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-X6Whpg"> <span class="flag flag-${choosenLanguage.locationDisplayName}" blur.trigger="onBlurHandler($event, false)" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-bFBta0"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-voicQN"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-6OAPNq"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-YHT8uw"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-BWLyhD"> ${choosenLanguage.locationDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-dXecR7"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-85tGKD"> <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-quLtEo"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-W1cKlH" data-ph-id="ph-page-element-short-header-skoveH">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-7S76lQ" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or Language" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" key-placeholder="ph-language-selector-v2-view3-43qw7j-rUizB5" data-show-listbox="false" data-ph-id="ph-page-element-short-header-kAY29u" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-sP73bh"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-McOlIu"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-k9RrIb"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-Xr3GSL"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-ftE87E"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-2jVHDQ" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-IYRG4b">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-listbox" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-kjVmLp"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-n7rYqH"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-0EoDaU"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-savRel"></span> <div class="country" data-ph-id="ph-page-element-short-header-jK0NHJ"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-NjVRXt"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-agchAe"> <ppc-content data-ph-id="ph-page-element-short-header-FptyJS"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-xT9bqR"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-hkY8cj"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-SCGNP2" data-ph-id="ph-page-element-short-header-yqlkmW"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-em71MM"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7j-sNIpVi" data-ph-id="ph-page-element-short-header-EbUwwR"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670338849" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-1N1Ohs"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-CnpGPC" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-cIoFTm"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-EiBAef"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-zzZ23X"> ${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-2J7WOc"> (${jobCartCount}) </span> </a> </div></script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page7"</script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.chop.edu/","potentialAction": {"@type": "SearchAction","target": "https://careers.chop.edu/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1653383771051" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-us2ssS"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-uMTjAP"> <!-- 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-1639461509666-ph-candidate-login-v1ikjhyg-ejCyHV"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VKQGTf"></i> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iIPc9d">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2OtNw4"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-OftqBk"></i> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-L7emoV">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-tGIOZq"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-uqyhCG"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UqXpA2"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sduBtJ"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-zC7mQL"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UmxY9D">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EJfABi"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-FVrt7D"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BNYNNU"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LW4icB"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xJJAxF"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eNIiMC"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-B8KQAH">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GOaFjh"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HMdCHR"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-PloooZ"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HaUrmN"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-XAS1pH"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Ru72Ci"> <div class="user-actions-list" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2hRogg"> <div class="user-actions-listitem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-35sDRh"> <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-1639461509666-ph-candidate-login-v1ikjhyg-bWMBaL"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JI6d5g"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QQ46I3"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-ZxfcSK"> <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-1639461509666-ph-candidate-login-v1ikjhyg-oLn95M"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jTZQvY"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VBviz8"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KLRL1C"> <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-1639461509666-ph-candidate-login-v1ikjhyg-Rf3ce6"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yYFZfJ"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-9wuMN8"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-NFxV4e"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-r8mRE8"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eUz7N1"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wKDEbX"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-lvDt2P"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-o94HON"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Ec2RjC"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Ea82qy"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JPYcIQ"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-826Gkn"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-KIt5C9"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Ew5DqU"> <form novalidate="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TJfPMm"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eneWhv"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EE7krM"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jtd5WT"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HyPSS8"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-kObXBo"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3yBwzk"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2ksEdu"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sm9Rpy"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cnRUo0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BH1cuO"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4bZrKT"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-DFJRjK"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-t1s51F"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-48d8om"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-PXJ5hG"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-mnP1J0"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-RMfhHD"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-wPRpA2"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ZGdKTG"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Q0jHwK"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-c9z0pk"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-momJDZ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6gQILc"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LmoQFO"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wfRYnx"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ATSXQD"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CpW2b2"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LyAOQ5"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-IPL8zC"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-mdgGuL"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-af2bRk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-0rQtOK"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6f5O8f"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-zn6ksc"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-Zfip6j"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WnFUoR"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-1Vr6a0"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-C5DAe1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-oIvhcY"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-MrrsKJ"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eTWl1U"> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-d7caFf"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-X4LgZf"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-MiseuD"> <div class="user-options" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-82eFYz"> <span class="each-option" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1WLzSr"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wzgyr6"> <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-1639461509666-ph-candidate-login-v1ikjhyg-rjbZQ0"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-tHrp3B"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eZLpnr"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jxx5jk"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-AK67rI"> <span class="forgot-password-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3asPEQ"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ajmQVQ"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-YNqQjN"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JSqf6w"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8tE5Pw"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Upeq1M"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hKzuuy"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jJJFZM"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yVPScF"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-L8ibWi"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Gwqy8j"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-aRpLF1"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-UP4McW"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LX1KKA"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KZkfH3"> <!-- 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-1639461509666-ph-candidate-login-v1ikjhyg-2maPeA"> <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-1639461509666-ph-candidate-login-v1ikjhyg-nJyaZb"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-7Qy86H"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-boKSAL"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-0cCxjF"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-J2YVR6"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-P17UhI"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TwifKI"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-eZsSYz"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yzSM9n"> <form novalidate="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-F87HUy"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8Kk1JI"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-oHR8Yd"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UCjIEk"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-DuCzWT"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-SKZcuU"> <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-default-1639461509666-ph-candidate-login-v1ikjhyg-VnHPmx"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-lwnNFu"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-oreQdX"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-q38KSj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-7gYTfn"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8B1tTs"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-hvEiT1"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-IbgN4n"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-elBRXu"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jIaNbq"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-Kt4QhG"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CE3sCq"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-upYFfk"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QjPxiR"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-dPg468"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sPB1uC"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-SJsYpa"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-NGm7rM"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sMgPNJ"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TZTlZF"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CoTXbZ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ebU8cg"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-p4qWSi"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KYCh7R"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Sobv7L"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-scVl09"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xP5Jx4"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-YoDSKJ"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yqnuYo"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3wndGx"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-gKa8lM"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UT0Ykc"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qnlArK"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Q36jM0"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GZjfjN">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-fPBC4k">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ngEvoO">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wdARw8">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-I3XXyW"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-j8AhqC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QJAyuC"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-nHzGv9"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VmEVFn"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6xaPo1"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TI1N1c"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-x8nAcc"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-5TExl6"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-inFrRp"> <ppc-content key="ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-aOGCGB">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Qj3Uzt"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HhrOft"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Zcdq7G"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-mCOZyF"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-I0mkgH"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-nYRTrT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Q9QIgx"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2OI4Wa"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8UAoiP"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GDuEyJ">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UgqxKp"> <span class="sr-only required-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-IqtBg6"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rE2dpU"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rqvPGe"> <span class="alert-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-gQh86E"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EsPwRt"> <span class="alert-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-11aEpC"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-bA7Ayq"> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-lYx3o9"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Vjrth0"> ${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-1639461509666-ph-candidate-login-v1ikjhyg-CCOHBp"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BUocpT"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CsDfjj"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wR1edx" view="1653383796853-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1653383908020" original-view="view5" instance-id="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UmaD6H"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WfuzY8"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-aGFPDG"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6swK1E"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ObJSy1"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EX9lcT"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4WDBVy"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6RbG3y"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rs5e9V">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rSl62x">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-P9unhy"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-949bhM"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-aArxe1"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xdpj5D"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-5InWc4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-v7g2gf"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-IJtVaK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-f5Qe6l"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BM78WO"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-FDUvS3"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wqPoFk"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HhB2Nn">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-pA0LfE"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iB0RNN"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383873063" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-NGBUVx"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-ifjE9q"> <div class="widget-container" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-hJmUIT"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-1AY8SW"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-oeM6NJ"> <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-1639461556493-view5-ph-social-connect-v1-NuyQfG"> <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-1639461556493-view5-ph-social-connect-v1-oif2QP"> <div class="icon-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-Ubu4OE"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-tciw5p"></i> </div> <div class="text-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-Qcevjz"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383908020" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-z1Z4zC"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-z2JSDa"> <div class="widget-container" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-tIKBN5"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-zhctmY"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-d1aRtd"> <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-1653383796853-view5-ph-social-connect-v1-lmvloL"> <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-1653383796853-view5-ph-social-connect-v1-NQEv0o"> <div class="icon-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-wzqwOC"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-0fyCsP"></i> </div> <div class="text-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-X2Zasp"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1644251646356" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-hnQaQj-OUjZAh" aria-label="cookies message" key-aria-label="ph-cookie-popup-v2-default-hnQaQj-OPwOGR" if.bind="showCookiePopup" data-ph-id="ph-page-element-page7-ZoDoVL"> <div class="container" data-ph-id="ph-page-element-page7-LGdD0m"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page7-3z7ued"> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-JytusH" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page7-qsW6GA"> 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 ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page7-j9rBbU"> <button class="btn primary-button" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-page-element-page7-WFiyUi"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page7-c8hHmb"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-jYPV4S" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page7-XZQo9J"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page7-xGJjrZ"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page7-094ZKM"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-FrtBnJ" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page7-hfq5Er"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page7-oveaCc"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page7-4Lqnf1"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page7-UD0Bbt"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-HgJj4a"> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-lDQryJ" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page7-eoe4pc"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page7-4HmCko"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page7-IYiPgS"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page7-4lf9Jv"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-zEqOhF" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page7-5dMNYQ"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062133650-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-xkS8im"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-fBwcGT" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-ocMlPm"> <span class="action-icon" data-ph-id="ph-page-element-page7-w4lrT2"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-ERsVPw"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-KrQq0Q" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page7-eIoyA0">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062133651-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-eP1a3r"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="ph-import-resume-v1-external-upload-resume--OJo1Sb" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page7-10LO3d"> <div class="dropzone-content" data-ph-id="ph-page-element-page7-SF8LmE"> <div class="content-holder" data-ph-id="ph-page-element-page7-7jR6yL"> <span data-ph-id="ph-page-element-page7-sVDHTg"> <ppc-content key="ph-import-resume-v1-external-upload-resume--Uy83SO" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page7-Scidwo">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062133661-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page7-XkjEva"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-tcm9gF"> <ppc-content key="ph-import-resume-v1-upload-new--KywqFm" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page7-3HX4ar">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062133661-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-W2tTJ0"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page7-4t4UDg"> <!-- Social Connet Area Starts --> <div class="phs-social-connect-area ph-a11y-sign-in" data-ph-at-id="social-connect-area" data-ph-id="ph-page-element-page7-hslTXq"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page7-FJcgN7"> <div class="content-block" data-ph-id="ph-page-element-page7-3gQEPt"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--TFFBgR" data-ph-id="ph-page-element-page7-eWqabD"> <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--DEZKZX" data-ph-id="ph-page-element-page7-SjeoDM"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-36qpB9"> <div class="icon-block" data-ph-id="ph-page-element-page7-vUtEbI"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-GdrGFn"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-f1aAG9"> ${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-1653383903399" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-A6KdMg"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-7HNAeo"> <div class="widget-container" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-WNEoBl"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-KdvSo1"> <ul class="login-link-list" role="list" key-role="7uyy7u-ph-social-connect-v1-view5-listRole" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-HBQ1mH"> <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-1639062231944-view5-ph-social-connect-v17uyy7u-DPI6Ze"> <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-1639062231944-view5-ph-social-connect-v17uyy7u-OJbai0"> <div class="icon-block" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-EthyCZ"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-mGQg3U"></i> </div> <div class="text-block" data-ph-id="ph-1639062231944-view5-ph-social-connect-v17uyy7u-FQUS2t"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1639062989793" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-1HZafQ"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page7-XMRRt4"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page7-l5DLmo">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page7-13jmPo"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page7-zaPMF9"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page7-WHVJOZ"> <div class="close-popup-btn" data-ph-id="ph-page-element-page7-OpirRQ"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-cvmlTH"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-PuIgeW"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-NhwhBc"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page7-KJqbG9"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-xZEQae"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-w0lM44"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-rAPrqA"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-Wuju45"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-MepXty"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-psdv7l"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-qseIVp">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-YLa6R1"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-rhJ7j4"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383904716" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-ii5VMB"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-fIIj7v"> <div class="widget-container" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-hD4sAL"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-AHG7Fy"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-wFVMOV"> <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-1639062649962-view5-ph-social-connect-v1-oHghD0"> <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-1639062649962-view5-ph-social-connect-v1-1aK9l0"> <div class="icon-block" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-OuH5yN"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-1SL8RD"></i> </div> <div class="text-block" data-ph-id="ph-1639062649962-view5-ph-social-connect-v1-h4AIPb"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1639062649974" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-z2PAH3"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-0Ylx1n"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page7-PcaqjR"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-XiKaWo"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-B0csyW"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-o26pMd"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page7-pEkTm5"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-PBTjRg"></i> <span class="alert-msg" data-ph-id="ph-page-element-page7-aWZsnD"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-0JDVXN"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page7-cZNWg1"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-cFvrbH"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-orEN2A"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-JfQb8P"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-qLNvyD"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-CTNRHk"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-xjbNYk"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-1wQ1qO"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-gSvkpP"> <form novalidate="" data-ph-id="ph-page-element-page7-gHwjkl"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-HMSvRL"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-sDfzfD"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-kg6eME"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-tMmw51"> <div class="text-box" data-ph-id="ph-page-element-page7-5SEQrt"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-3lWpA6"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-JLYJ1U"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-kxoKPa"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-XXs3IH"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-M2YcpI"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-4mi5ZQ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-YmOwMu"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-Z3OnH1"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-E9BUDh"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-AzG0cg"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-BqlWmx"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-kSC6Z0"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-o6SFtz"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-WrbpiA"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-LSbGd4"> <div class="text-box" data-ph-id="ph-page-element-page7-3lJ2oB"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-UOH8Ds"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-2XhaQD"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-5ba8Jq"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-70ArR3"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-xCYObN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-NW9PuS"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-FeB4Yy"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-7lvusn"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-gUXwtG"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-CD2GlX"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-w6qFFG"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-wjs4zn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-kKB5rk"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-nXtrwE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-AP8mV5"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-DkToIx"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-tjoqGX"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-P6YUpl"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-mhpr6U"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-TLQ3sa"> <div class="form-container" data-ph-id="ph-page-element-page7-pSMM7z"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-54hsO7"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-cZGa8T"> <div class="user-options" data-ph-id="ph-page-element-page7-yChDP9"> <span class="each-option" data-ph-id="ph-page-element-page7-t3FLfs"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-bQIaah"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-JCgFva"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-dVT5W8"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-JCgwUq"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-V212Al"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-KtuZav"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-aXrols"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-Cjtpzp"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-AFTrUV"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-Gm9xTM"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-fL4ifJ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-NG79Rf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-21R6uI"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-i4m7Kr"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-ljQwQl"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-XPskWN"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-zSgOYL"> ${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-page-element-page7-CefeQZ"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-oJUEp1"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-af1dPC"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-vQP9er"> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-DyvNXF"> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-K7tPQX"> <h2 id="ph-ally-candidate-signup-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page7-aXIG4b"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-YXqmso"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-gHlyv2"> <form novalidate="" data-ph-id="ph-page-element-page7-J26HaE"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-z2d062"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-5pmlsq"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-2hB8zC"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-UkkW3C"> <div class="text-box" data-ph-id="ph-page-element-page7-hP4AGc"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-3bbWlG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-OF7D7R"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-cldBvt"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-wl1GaM"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-r0snFG"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-fK3PmV"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-1fgheh"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-ICfKcU"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-l6o54W"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-Vofri6"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-otrPY3"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-DfS5eT"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-jkC4GV"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-EsIfWW"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-y15G8P"> <div class="text-box" data-ph-id="ph-page-element-page7-N91p3x"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-CtYN24"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-Luf91n"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-pR5CL6"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-b8HZpj"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-NuSNbu"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-34gWkN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-uNhj2l"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-WIyALW"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-A9Zffc"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-9mww60"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page7-Iwrj4U"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-Bqg0Rh">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-yw2m45">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-OvuhwN">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-4k2obt">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-0iLlV0"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-vTdKk5"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-EjDU0x"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-gl1PiS"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-dqK7hn"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-v2BN4t"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-oIZiRB"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-szDehh"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-raK0Kv"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-LpeqS3"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-U4yhg1"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page7-0g36vc"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-uNSGD8"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-JViorH" data-ph-id="ph-page-element-page7-mCMEay"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-mICUJs"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-uzd1hn"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-CYz1pq"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-Swz1np" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-jQpGzB">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-iTCVek"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-r5Jien"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-izKxi0"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-TzoQd9"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page7-nfT01N"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-hSQLBS"> <div class="form-container" data-ph-id="ph-page-element-page7-a7H9VV"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-uKXBuw"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-EvWKnP"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page7-NXEw9V"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-XujY5m"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-xJEKhF" view="1639062649962-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" profile-login-flow.bind="flowType" view="view5-1653383904716" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-7WGQrp"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-Pzy2f9"> <span data-ph-id="ph-page-element-page7-KQlCXQ"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-0nYUQx"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-Dpp22i"> <span data-ph-id="ph-page-element-page7-t4R2kn"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-AJXyjT"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-NjRhxc"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-r9h6ed">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-xTpzCU">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page7-cc58tn"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-iB9RUG"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-ShKN5V"> <h2 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-8Ivvqa"> ${widgetBundle['createNewPwdText'] | pht} </h2> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page7-CiGHTf"> <form novalidate="" data-ph-id="ph-page-element-page7-JGnkw3"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-aLK8J8"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-r6mowm"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page7-nnOc0N"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-9qBiDY"> <div class="text-box" data-ph-id="ph-page-element-page7-Eh3t08"> <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-page-element-page7-OiChxl"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-pXZJBY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-B56svC"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-qrYPik"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-XSClEN"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-sy3YQw"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-H1f0bv"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-5x7ltA"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-BAB5iQ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-RSBrmz"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page7-4S2Uik"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page7-i4VRcM"> <span class="sr-only" data-ph-id="ph-page-element-page7-WcXCku"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page7-dNnxub"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-RZapWQ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-YTZXkX"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-FSj8r9"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-Sh4FXP"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page7-bmplT8"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-0MCDX1">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-qaghna">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-JLHQZ7">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-3nQfOe">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-EJ8Dwq"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-GfjbaN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-5lB6dz"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-YuJEg6"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page7-Eu78S9"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page7-HLRoX1"> <div class="form-container" data-ph-id="ph-page-element-page7-iXK4Ta"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-0xzb9K"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062232019-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-MfYtur"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-wwAO0v"> <div class="widget-container" data-ph-id="ph-page-element-page7-2HC7NS"> <div class="content-block" data-ph-id="ph-page-element-page7-dUUB05"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--1DRVmE" data-ph-id="ph-page-element-page7-DsDKCW"> <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--gaVKQd" data-ph-id="ph-page-element-page7-RKRPGz"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-5cLw3U"> <div class="icon-block" data-ph-id="ph-page-element-page7-SmK6Nz"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-TKg5Vb"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-S5I54B"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1639062989941" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-INtK9N"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page7-bNdSEF"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page7-AMDPTL">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page7-d2YtTW"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page7-CAIbQG"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page7-0ihSiq"> <div class="close-popup-btn" data-ph-id="ph-page-element-page7-bzN3ub"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-sPP0Er"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-frScjf"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-8tkb5o"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page7-JiobOW"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-aaQxqn"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-VLKk6i"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-xiCMbW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-kBfkY2"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-NoxLcm"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-5HAeyG"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-Sc1MYD">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-xv0wX5"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-G56MQX"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1639062232033" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-YzxFQn"> <div class="widget-container" data-ph-id="ph-page-element-page7-F1igjw"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-4u3WrZ"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page7-0Mdz1f"> <div class="fyf-step-block" data-ph-id="ph-page-element-page7-d5LJNA"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-zDOvud"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-1RkO0W"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page7-VTro2w"> <div class="heading-block" data-ph-id="ph-page-element-page7-PbtyHY"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-7KVRkk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NoIAjU" data-ph-id="ph-page-element-page7-RHEsrc"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page7-piqyIo"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-3DWdMN"></i> <span data-ph-id="ph-page-element-page7-SqB5v6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gqYRvl" data-ph-id="ph-page-element-page7-mH4Dfw"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-page-element-page7-WON1BM" view="1639062231944-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-1653383903399" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page7-9VGnqY"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-3uJDo1"> <div class="prev" data-ph-id="ph-page-element-page7-JpE12c"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-YxtEjd"> <span data-ph-id="ph-page-element-page7-6sQtO3"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-oH3P8B"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page7-hb39j8"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-XvaO3D"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-9dyno0"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-II6hFF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-0GWQxL">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page7-ofeZlx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E6bvTt" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-qa4twu">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-page-element-page7-mwH2fQ"> <legend class="sr-only" data-ph-id="ph-page-element-page7-xiQIA6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E6bvTt" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-C6bBWU">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page7-gYhb91"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-GEWENk" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-mo5Fj8">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-page-element-page7-Y3VIec"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-page-element-page7-dSwBtF" /> <span class="cat-text" data-ph-id="ph-page-element-page7-tdJ07c">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page7-TxkhVQ"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-tagtBp"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-cXn0BO"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-nalRRA"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-RRJcPa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-9DkyRH">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-ybbT1K">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-CNoiUa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-cwxSrL">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-Ejy6a9"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-9PEh6i"> <span data-ph-id="ph-page-element-page7-FkqQMG"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-VHbZga"></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-page-element-page7-5eXWxQ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-8mi0Uw"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-tkHGMB"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-lDlhL7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-jPF4Ti">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-page-element-page7-8fN25B"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E6bvTt" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-5RSQVI">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="ph-find-your-fit-v1-default-6ty93o-lwsKV3" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page7-6nybYS"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page7-cnG6Wh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-wDQ0Uq" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-uHuQgm">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page7-8chYaw"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page7-FOgwD8" /> <span class="cat-text" data-ph-id="ph-page-element-page7-lmpi4G">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page7-r98qZF"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-zgzX5F"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-cgsUl0"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-54yDYA"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-DnYTpp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-fIIWqt">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-mleAz5">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-oInZqi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-TZ7It2">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-3wmJk7"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-MWWhcc"> <span data-ph-id="ph-page-element-page7-md19Lw"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-DPw2g1"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page7-5b9rCa"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-pkegEo"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-RTkApv"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-99HkwQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-8gpWdg">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-Iu0N5Z"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-3bZUjQ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-BgGPjg">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-page-element-page7-lxkLMe"> <label for="recentTitles" data-ph-id="ph-page-element-page7-ZFdL0p"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-lbuprd"> <div aria-expanded="false" aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-plX0rj" data-ph-id="ph-page-element-page7-hiIkBp"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="ph-find-your-fit-v1-default-6ty93o-NWHJYn" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page7-D5tH23"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-xFbNUq" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-ROioqO"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page7-Iu0Sjw"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-page-element-page7-K3JSTy"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page7-FjDujX"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-nMiXdS" data-ph-id="ph-page-element-page7-0tkakj">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-1veGrI"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page7-jY0Nu8"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="ph-find-your-fit-v1-default-6ty93o-00JEbQ" data-ph-id="ph-page-element-page7-FBjvc7"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page7-pUE0vq"> <label class="input-radio-group" data-ph-id="ph-page-element-page7-UkwmD0"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="ph-find-your-fit-v1-default-6ty93o-VP88N3" data-ph-id="ph-page-element-page7-cdyYOF"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-t1WuPN"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-zXVTuO"></span> <span class="radio-text" data-ph-id="ph-page-element-page7-tUBSW9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VP88N3" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page7-0Dqg5t">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-Ip6xsP"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-Cs3wzO"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-UN6GvY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-q30pWZ">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-4sKFQs">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-kzc3qb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-VjvyQQ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-jwzcuq"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-qO3Fb8"> <span data-ph-id="ph-page-element-page7-sYUETj"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-7vbbq0"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page7-vD7Lnd"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-M9S9XU"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-CMKr2T"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-TCJOD9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-wShZGg">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-BlMuz2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-MXoJRJ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-fZc0Cb">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-pslavn"> <label for="skills" data-ph-id="ph-page-element-page7-GzZryt"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page7-0ygWhF">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-0aAwBd"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page7-HLtMpL"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page7-R1uOXE"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-page-element-page7-B28rdr"> <div role="list" data-ph-id="ph-page-element-page7-7MVeXv"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-P22uF1"> <span data-ph-id="ph-page-element-page7-HTOv6W">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="ph-find-your-fit-v1-default-6ty93o-mKTqN7" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page7-tuR858"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-dUdLzv"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page7-vadVhl"> <div data-ph-id="ph-page-element-page7-1S7NyQ"> <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="ph-find-your-fit-v1-default-6ty93o-ExuYe7" data-ph-id="ph-page-element-page7-CtIjMU"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="ph-find-your-fit-v1-default-6ty93o-d8VDzG" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-page-element-page7-R9I56O"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-8rJLpB" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-7X3Nsh"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-VjERhU"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-page-element-page7-h3OLOg"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page7-nhKOrH"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-gHwVg0" data-ph-id="ph-page-element-page7-iTQQIQ">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-cNuwSU"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-ETgkRR"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="ph-find-your-fit-v1-default-6ty93o-oBlQRh" data-ph-id="ph-page-element-page7-JtobLh"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-page-element-page7-3G33f3"> <div data-ph-id="ph-page-element-page7-PGSgfL"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page7-3B7CnX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-p2uaz1" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page7-7QqffZ">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page7-44rPLP"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page7-K9hCjJ"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-page-element-page7-VZnj75"> <span data-ph-id="ph-page-element-page7-2s9QnB">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page7-q1A04F"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-iXN6yH"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-vF4xN1"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-mJWbjx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-zDv47O">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-I7Ndeb">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-rtIILx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-Pu5qG8">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-wzTnAA"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-6cVCBU"> <span data-ph-id="ph-page-element-page7-WHR0Cp"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-lipg14"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page7-dS9zHU"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-ar2XWJ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-Pialm4"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-xH0pNE"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-zawihs">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-hiOeU5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OUc7Aj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ospnSS">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-page-element-page7-nVhf1O"> <legend class="sr-only" data-ph-id="ph-page-element-page7-4N9axb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OUc7Aj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ousZ5e">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page7-iBvFbf"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page7-mSIQG8"> <span class="radio-text" data-ph-id="ph-page-element-page7-6uYHv4"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page7-TPj9oi">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-o8sjYy" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-HRgHH8" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-36QNLa" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-bacbP1"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-nSBAwx"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-XjuU6C"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-fI5aam"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-z6XuA5">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-BPOVEZ">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-8ewVI6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-R511zG">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-uSpx6W"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-ROhD3f"> <span data-ph-id="ph-page-element-page7-4RgAS4"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-mAWpvf"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page7-GDhaPy"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-RQGT50"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-CXACJW"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-qhypJC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-gRibJI">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-dvvoRB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OUc7Aj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-CmbO39">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-y6igvA" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-page-element-page7-PqexOH"> <legend class="sr-only" data-ph-id="ph-page-element-page7-xFpWHq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-kJJDB9" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-7IFtgx">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-page-element-page7-dwcHG6"> <span class="check-mark" data-ph-id="ph-page-element-page7-UqyPEu"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-0LV5Iw"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page7-qD73lI"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page7-lzmtog">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-o8sjYy" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-ltkGkY" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-36QNLa" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-pERdIA"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-hoz6tL"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-Yjwtes"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-UbyqWh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uc0184" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-uktrJ6">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-1oWmz4">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-Hp5nSn"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-OJcecL">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-7f53p7"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-inzH53"> <span data-ph-id="ph-page-element-page7-O5UW5F"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-UAhWmf"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page7-KMteKj"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-SRY9KD"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page7-FwWM9C"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-wxICmQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-YoR0dY">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-b9F4Ww"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-AvMkgu" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-dq5iFS">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page7-wypijx"> <label for="locations" data-ph-id="ph-page-element-page7-wwIgVH"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page7-KD7nXI">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-Zq37k3"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page7-L09Ef1"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page7-3W6rj9"> <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-page-element-page7-kXDqqi"> <div role="list" data-ph-id="ph-page-element-page7-TgCHNd"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-uZdNCf"> <span data-ph-id="ph-page-element-page7-SPciCe">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-oQ9GLY" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page7-ypAVc1"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-OEVC8S"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page7-yqPG5I"> <div data-ph-id="ph-page-element-page7-i62fme"> <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="ph-find-your-fit-v1-default-6ty93o-XsiiAg" data-ph-id="ph-page-element-page7-s7yOZ8"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-4VEZ3h" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page7-34HLEC"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-QoJejk" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-762ypI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-pMFTcK"></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-page-element-page7-Vvo4lw"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page7-BCpIrp"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-Xj5szc" data-ph-id="ph-page-element-page7-zfLBYN">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-zD2mSn"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-SSJ7WM"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-PLOlWi" data-ph-id="ph-page-element-page7-1DT8hO"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-YbJXfW"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-vRqGSO"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-egrt9d"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-uc0184" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-gaEVGf">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-KCvKI2" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-7B8Q9I">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-SJTXNa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ci4wyy" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-GTLYgB">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-T4jW50"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-ZS7wTD"> <span data-ph-id="ph-page-element-page7-GzZyA5"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-9Od4JC"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page7-8aGXG8"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-8hpofT"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-Kwj6x4"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page7-kS05Gk"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-z0SP2t"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7cNfQN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-BMNSyB">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page7-YpwFVw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zonafB" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-y4vG5T">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-muL0pf" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-y9Viyz">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-1VdYLd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0RjemS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-cWMCuC">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page7-23Y2qR"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page7-lIEexk"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-r21IGI"> <div data-ph-id="ph-page-element-page7-Fmobur"> <label for="name" data-ph-id="ph-page-element-page7-Xdi4uz"> <span key="ph-find-your-fit-v1-default-6ty93o-pio2Lu" class="sr-only" data-ph-id="ph-page-element-page7-U5MFXd">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-u6vtSy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oqwtNG" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-Y8tCyv"> Full name <span class="required" data-ph-id="ph-page-element-page7-RpM94z">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-1Bywns"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-v8xutZ" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page7-pB1H9w"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-bNH2bL"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RgLNhB" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page7-PuP93E">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page7-22v0bl"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-moWV43"> <div data-ph-id="ph-page-element-page7-XGlGQk"> <label for="email-1" data-ph-id="ph-page-element-page7-Ru0qiq"> <span key="ph-find-your-fit-v1-default-6ty93o-Wje2P4" class="sr-only" data-ph-id="ph-page-element-page7-D7zjrl">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-YzDQTl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KfjUUv" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-mE5AL8">Email <span class="required" data-ph-id="ph-page-element-page7-smWnwy"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-Ahh76i"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-e37GN8" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page7-gfhNQ1"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page7-3sqOY6"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-4ICdCD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oKGLdP" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-TqyJPk">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-50xuWN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-y18g3t" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-ocdNch">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page7-5GPBIv"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-BgzkLw"> <div data-ph-id="ph-page-element-page7-figGa6"> <label for="phone" data-ph-id="ph-page-element-page7-T0lyK9"> <span key="ph-find-your-fit-v1-default-6ty93o-jP1mO0" class="sr-only" data-ph-id="ph-page-element-page7-9X5d3s">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-wA5ubG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eL7zBs" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page7-vLHo9X">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-KoElS2"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-uWbgEF" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-bPPucA"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page7-MrXroO"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jVxCzC" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page7-FUMvpm">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page7-nJRfMr"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page7-952c2c"> <div class="security-info-block" data-ph-id="ph-page-element-page7-lvNKr3"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-u3bZwX"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eZ9H5C" data-ph-at-id="security-text" data-ph-id="ph-page-element-page7-2Jg1ST"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-DnzWAv"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-hsG3nd"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-pJyL51"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-fo6TXG" data-ph-id="ph-page-element-page7-72BXiA"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-rX6paU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-UK9wEc"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-PQV4mL"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-4AD8wy" data-ph-id="ph-page-element-page7-sfSB6R"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-fI3PsB"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-g6aEvz">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-nlsiKO">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-rTuz5O"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-j745vP" data-ph-id="ph-page-element-page7-J263YC"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-4hOSbo"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-i4jgKI"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-SOXgyn"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gEGvJO" data-ph-id="ph-page-element-page7-uSuB1W"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-bqky7I"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-w87EgM"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-su5h63"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NhW8G9" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-B4MM5z">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-qyQvwm"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-UhvwSc"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-EnImks"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-2tQyC1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-KmTC5M"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-csNzp0"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-JzjxYx"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-IthEiO">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page7-wStnv0" view="1639062231953-default" original-view="default" theme="default"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default ph-widget-target" view="default-1639062989793" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page7-IKfNnD"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-sq6OcZ"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-IFTErI"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-28jb5S"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page7-dWYx9J"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-CBt1Jh" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-cqdcSX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-stDhFO" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-HvNPP4">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-APkIgR"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-2EMIiH"> <span data-ph-id="ph-page-element-page7-8bt2WJ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-0sFfVq"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-omXJUI"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-wuCAog"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qnVn14" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-60y8EZ">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0DrrFz" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-RPWJoV">Currently we don’t have any jobs that fit your profile.</ppc-content> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page7-wgnm5c" view="1639062231962-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-1639062649974" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page7-YjFAjn"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-RB5rEE"> <div class="prev" data-ph-id="ph-page-element-page7-FrBJyn"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-6tyyj7"> <span data-ph-id="ph-page-element-page7-NrMai5"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-ZsbbOx"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page7-JKatny"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-SXNYT7"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page7-UfptWN"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page7-2xoTH5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-WlGJKb" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-9dMUtG">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-m6qsmw" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-X9AXjL">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-3gkWGV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Zu9ADy" data-ph-id="ph-page-element-page7-8Sj93G"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page7-EswMUm" view="1639062232019-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="1639062232019-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-page-element-page7-lnVZJV"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-MfYtur"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-wwAO0v"> <div class="widget-container" data-ph-id="ph-page-element-page7-2HC7NS"> <div class="content-block" data-ph-id="ph-page-element-page7-dUUB05"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-LAFCqx" data-ph-id="ph-page-element-page7-DsDKCW"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-find-your-fit-v1-default-6ty93o-Za696B" data-ph-id="ph-page-element-page7-RKRPGz"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-5cLw3U"> <div class="icon-block" data-ph-id="ph-page-element-page7-SmK6Nz"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-TKg5Vb"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-S5I54B"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page7-VSl3bS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vaZNic" data-ph-id="ph-page-element-page7-VNvvvn">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-8qg03j"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ffHNaw" data-ph-id="ph-page-element-page7-KsiqY6"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page7-Vj00Gq"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page7-ZKEbXZ"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-jpX8ZA"> <div data-ph-id="ph-page-element-page7-13pVYU"> <label for="name" data-ph-id="ph-page-element-page7-bX56x0"> <span key="ph-find-your-fit-v1-default-6ty93o-pio2Lu" class="sr-only" data-ph-id="ph-page-element-page7-OP6jpb">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-3N0lC3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oqwtNG" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-dV4v9D"> Full name <span class="required" data-ph-id="ph-page-element-page7-RpM94z">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-473LoW"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-v8xutZ" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page7-5XVpxn"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-xkhiw1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RgLNhB" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page7-1m6kz0">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page7-HsNXfY"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-uonwes"> <div data-ph-id="ph-page-element-page7-kveTkN"> <label for="email-2" data-ph-id="ph-page-element-page7-IEYlDo"> <span key="ph-find-your-fit-v1-default-6ty93o-Wje2P4" class="sr-only" data-ph-id="ph-page-element-page7-jTnOPP">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-B39Vw0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KfjUUv" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-hqKEcT">Email <span class="required" data-ph-id="ph-page-element-page7-smWnwy"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-63Dt8M"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-e37GN8" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page7-v49V7g"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page7-gQzPrC"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-UfCM2b"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oKGLdP" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-Jt728B">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-InIBPB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-y18g3t" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-20TM7k">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page7-HT9i2T"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-1NWl3P"> <div data-ph-id="ph-page-element-page7-zWpbu0"> <label for="phone" data-ph-id="ph-page-element-page7-lpCbTB"> <span key="ph-find-your-fit-v1-default-6ty93o-jP1mO0" class="sr-only" data-ph-id="ph-page-element-page7-uxywiH">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-EpaoEl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eL7zBs" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page7-C4fq9k">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-7Fxykw"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-uWbgEF" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-ejXGwK"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page7-SxMfZV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jVxCzC" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page7-Gwie8e">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page7-NI11DA"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page7-DR1Hlz"> <div class="security-info-block" data-ph-id="ph-page-element-page7-7qB4aB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eZ9H5C" data-ph-at-id="security-text" data-ph-id="ph-page-element-page7-nTJSRF"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-rRfYob"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-gbUFsU"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-8egp7z"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-fo6TXG" data-ph-id="ph-page-element-page7-BqOedN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-sUjaU6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-PrpacW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-oQOLv4"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-VfrS3g" data-ph-id="ph-page-element-page7-wWa95n"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-Pv7e8H"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-WzE9dC">terms of use</a> </ppc-content> </span> </input></label> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-lPSJtJ"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-We4i43"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-Kn0s3A"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gEGvJO" data-ph-id="ph-page-element-page7-w4VYHz"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-51dKSQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-RhPDvr"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-RyeUs7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NhW8G9" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-WPTZYM">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-7PiRzZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-kG60Nh" data-ph-id="ph-page-element-page7-gB7AoF"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-g95lbQ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-3Ks9kU"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-ROni4p"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-vYuFpt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-Uag7sR"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-kjP2vR"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-pvErnn"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-OXeUR7">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page7-aOkBko" view="1639062232020-default" original-view="default" theme="default"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default ph-widget-target" view="default-1639062989941" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page7-2qRNWn"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-XpFDWk"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-MHDYlh"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-2k84Y8"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page7-4jM21Y"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-CBt1Jh" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-wpralp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-stDhFO" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-sFmX0i">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-yTSnpS"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Iwb77J" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-Jl6i2O"> <span data-ph-id="ph-page-element-page7-roizGL"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-BkFC3F"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page7-exVbVU"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-9JEkAz" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page7-F4hyF6"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page7-LH1EMl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZOPPh6" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page7-LSnPWy">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-page-element-page7-dS1DKn"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-page-element-page7-rQ6pWc"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page7-toPdkd"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page7-rnPb3C"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-page-element-page7-K4VG8x"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page7-bGDcRe"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page7-8aZFye"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page7-yDVFKJ"> <div data-ph-id="ph-page-element-page7-VRlIB0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZvrJzL" data-ph-id="ph-page-element-page7-p9cm1k"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page7-rjZMyA"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page7-YvysDO"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383906421" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-b7hVV4"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-smHijS"> <div class="widget-container" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-eCxSr4"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-v0DRvW"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-EYWKUf"> <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-1639461559561-view5-ph-social-connect-v1-IQ95Tw"> <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-1639461559561-view5-ph-social-connect-v1-RpVRJG"> <div class="icon-block" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-dYAA8f"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-wHdK72"></i> </div> <div class="text-block" data-ph-id="ph-1639461559561-view5-ph-social-connect-v1-lZFLwl"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1639461559569" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-5431oF"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page7-kBLlI9"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-mT8z4C"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-LO5ddb"></i> <span data-ph-id="ph-page-element-page7-mBRbC8">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-oBeRnu"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-1ABGZp"></i> <span data-ph-id="ph-page-element-page7-z1P11l">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-page7-hvHL9K"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page7-uETNPS"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page7-luitCb"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page7-PTf3j0"> <span data-ph-id="ph-page-element-page7-1lN097">${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-page-element-page7-NswdgL"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-HJaoDy"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page7-EfobOJ"> <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-page-element-page7-rWgFur"> ${profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-page7-TNaj8C"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-page7-O7fdwP"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page7-AmMnWb"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page7-takJH1"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-ZuwZAv"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page7-wagQbv"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-rghcTG"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-gzo6BK"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-0NcrKk"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-w1rZER"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-CDY1Td"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-pkQTEJ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-I1Gcuv"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-H3ww2K"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page7-ZFKCHW"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-LCCuU4"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-5XiYok"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-e9clZx"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-jh8rLv"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-YKafC2"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-5w2fXy"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-Vh1GkV"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-EePe86"> <form novalidate="" data-ph-id="ph-page-element-page7-VX4yv5"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-mtXPpo"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-3MpIKn"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-XwL1tb"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-vOuxDj"> <div class="text-box" data-ph-id="ph-page-element-page7-BBDaaV"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-W6RscH"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-w7lf4x"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-7n7nSy"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-kpXVk5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-i3gJUa"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-GZSXK9"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-WTPnrP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-E6dEng"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-P7BMQA"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-dh34Ke"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-bDIaOJ"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-CBHubR"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-zX51v5"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-IL9UuK"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-A9e9jK"> <div class="text-box" data-ph-id="ph-page-element-page7-QqzFst"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-23AQnt"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-E4X4vE"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-qCAtkV"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-tWW0fS"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-ijbQhS"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-dn0G5d"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-UQRRk1"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-1ezlBi"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-H8kVTq"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-e0jLG1"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-A06iVL"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-hIAUr4"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-KWCMml"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-pvCrEO"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-y5TT0e"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-jVQsvr"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-i5ffA2"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-IUd4tD"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-qxHChX"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-Qvk9n1"> <div class="form-container" data-ph-id="ph-page-element-page7-qnbt2u"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-TQRKxB"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-WubvkL"> <div class="user-options" data-ph-id="ph-page-element-page7-IGtcyb"> <span class="each-option" data-ph-id="ph-page-element-page7-xJFL83"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-dSc0aU"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-gIoizv"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-QlLP8i"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-GBGYuu"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-IIEhyn"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-xM9llL"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-xIwtWD"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-Qcalym"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-acqee1"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-Gs15kv"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-m61uzL"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-26EIh0"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-j8gu7m"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-Ds1AWj"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-U076xD"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-Faz9LN"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-nIC7VL"> ${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-page-element-page7-wPWLSO"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-5ufekM"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-qBeXc1"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-vE1XYg"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-Ke2Mwj"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-qMjJWk"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page7-6rqn15"></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-page-element-page7-9ycOCJ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-XlCMZP"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-JPtyke"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-afrvqy"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page7-Gxtl02"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-CJ60eu"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-QCFEgM"> <form novalidate="" data-ph-id="ph-page-element-page7-zmBQGS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-faDyNr"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-GA7yGY"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-SIN7GR"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-DE8cK6"> <div class="text-box" data-ph-id="ph-page-element-page7-eEczfI"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-Md0IMr"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-lX3agY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-xss5f9"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-oz8sTS"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-psBORL"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-jFioCn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-piTwYA"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-x6JYX6"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-fUHxQB"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-igTR4K"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-zEfXfv"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-ZXl7ZM"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-IBSYRj"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-Zc68k7"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-2gKDmO"> <div class="text-box" data-ph-id="ph-page-element-page7-S9nc08"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-FMgQ3o"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-FiucRE"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-myFQZc"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-UDJfYD"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-igW1ZC"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-ZBnyiX"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-q2u8ar"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-CAEHmR"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-3EsMaX"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-JRDqq5"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-page7-61JghT"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page7-25bUuE"> <span class="sr-only" data-ph-id="ph-page-element-page7-CXKiBW"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page7-FguVPo"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-UT22oQ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-mZTxRD"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-JCS5pO"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-tYaGFK"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page7-GuAgF8"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-TD76ir">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-wJhCv9">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-0nQmYt">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-zSSGcx">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-EHybmK"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-6EuTMc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-nEOp2m"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-xJUuCM"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page7-PCljg4"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-dB9k4k"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-fyf3-YO5DKh" data-ph-id="ph-page-element-page7-ORa3Nw"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-eyLM9m"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-1F7Qp8"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-u6MGpT"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-pD7xtf" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-P0icAv">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-XlsKkU"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-LsucQQ"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-1wmv93"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-HhrG8K"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-trRDvL"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-OLK9Fw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-ayqWSg"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-KvZuuq"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-vSw3ea"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-SlCBei">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page7-TtLwlL"> <span class="sr-only required-text" data-ph-id="ph-page-element-page7-GfiSX1"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-lWqubx"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-upeBBX"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page7-hJLbqk"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-rI59oI"> <span class="alert-msg" data-ph-id="ph-page-element-page7-VSvVSR"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-J1gWmO"> <div class="form-container" data-ph-id="ph-page-element-page7-DjMpwO"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-Hsr1Q2"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-qrxsLm"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page7-s7C2BS"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-agDr7N"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-bB7hid" view="1639461559561-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1653383906421" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-SrbFx2"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-Zu2Nif"> <span data-ph-id="ph-page-element-page7-1kmEFa"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-5XZcDh"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-hxaDWb"> <span data-ph-id="ph-page-element-page7-ThTI2n"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-e1hiBP"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-pQR4Hv"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-lJsf1E">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-HhSYHo">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page7-wMlrf4"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page7-9lF6hA"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-Z8eyHX"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-YfJdVU"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-USnlBT"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-sXYZx6"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-wSqIvt"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-vX74KU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-ExnNdV"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-R9Z1N0"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-iwgx9p"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-aiYUQw">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-mZ80Ou"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-BDZAeu"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383907767" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-z1Z4zC"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-z2JSDa"> <div class="widget-container" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-tIKBN5"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-zhctmY"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-d1aRtd"> <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-1653383796853-view5-ph-social-connect-v1-lmvloL"> <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-1653383796853-view5-ph-social-connect-v1-NQEv0o"> <div class="icon-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-wzqwOC"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-0fyCsP"></i> </div> <div class="text-block" data-ph-id="ph-1653383796853-view5-ph-social-connect-v1-X2Zasp"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1653383796868" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-V52jQB"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-I4PpqK"> <!-- 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-1639461517099-ph-candidate-login-v1fyf2-yaCrZu"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ELozNv"></i> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lv2ZvG">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-NJ4Qni"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-NQvrBF"></i> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-xdVucT">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-9ERijD"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-sKbhdi"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-QReK0Z"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-x5jaNq"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-xFDoNp"> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-FaYx0Y">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-cJrRbW"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ffYTQ3"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-gs57fL"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0jUeFT"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-BQqtGR"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Z4zxs9"> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ZyRC4p">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-HTAl1X"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-XhU9TE"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-4fAthS"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-5Kd0SJ"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Qr8LNB"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-QpMjre"> <div class="user-actions-list" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-B2kuFP"> <div class="user-actions-listitem" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-1c1blQ"> <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-1639461517099-ph-candidate-login-v1fyf2-AY880H"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ZrsnAx"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-MxeKz9"> ${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-1639461517099-ph-candidate-login-v1fyf2-EzXGJ8"> <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-1639461517099-ph-candidate-login-v1fyf2-ACGhW7"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Ima1Ix"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Gdhe14"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-vwTfhI"> <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-1639461517099-ph-candidate-login-v1fyf2-ktau8i"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lrXGrR"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-UZJMWQ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-k2BwTu"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-kitJ8j"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-OaZ7zx"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-kyFe2Q"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-fEprWF"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-4ZWUuV"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-FQ8PQK"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-a9GCDU"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-3nBfbP"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-paKEJu"> ${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-1639461517099-ph-candidate-login-v1fyf2-KZCBFE"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-aIyMBq"> <form novalidate="" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-8QOuT2"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ub0yck"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Bbaozw"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-3mrOhW"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-HVBSUX"> <div class="text-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Yt7i2K"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dSvRJB"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-mtq3kY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dSZL4g"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-bJCoJr"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-FtPtTO"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-jQpkfq"> ${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-1639461517099-ph-candidate-login-v1fyf2-hyedBH"> ${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-1639461517099-ph-candidate-login-v1fyf2-Y9igry"> ${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-1639461517099-ph-candidate-login-v1fyf2-I8BbuA"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-AqgYYa"> ${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-1639461517099-ph-candidate-login-v1fyf2-cmULlK"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-KhITdC"> ${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-1639461517099-ph-candidate-login-v1fyf2-PdTG5S"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-fVGs8X"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-wkRf0g"> <div class="text-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-m4UuQd"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-YhSihQ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Sdlz1e"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zjXIWf"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-5juQFo"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-veV9VP"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-g0QxMu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-hE6pwd"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-6M0ZxF"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Klv7bG"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tJcndt"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-JYw6wV"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-F2vIvR"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dNLtrV"> ${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-1639461517099-ph-candidate-login-v1fyf2-QCZO2n"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-OGW7be"> ${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-1639461517099-ph-candidate-login-v1fyf2-B3A1gf"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-gbiW2f"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zp82gb"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0UJeaC"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-w8Di7E"> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-wVcbwV"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-wN5SqY"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dAiu6T"> <div class="user-options" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lmyNGD"> <span class="each-option" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-bIY1oL"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-g7evHZ"> <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-1639461517099-ph-candidate-login-v1fyf2-isvNkV"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-M7vuxH"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-48kBjp"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-e0Syui"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-pLCcP4"> <span class="forgot-password-area" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0Fc6hm"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-IrTdTl"> ${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-1639461517099-ph-candidate-login-v1fyf2-YleZp6"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-O0OgdR"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-OGatV6"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-a4XEzP"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-6GI0m7"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0JniuV"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-X0ei64"> ${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-1639461517099-ph-candidate-login-v1fyf2-oRZStg"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-WEw7N6"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-nbctXF"> ${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-1639461517099-ph-candidate-login-v1fyf2-oQE1Zo"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zy2EHF"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zzKoa8"> <!-- 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-1639461517099-ph-candidate-login-v1fyf2-g7pF5J"> <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-1639461517099-ph-candidate-login-v1fyf2-fLWHho"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-TT7Sr6"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-fkVQ9M"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lgpVwF"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-VOuoXD"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-sAmU5z"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-wUa71Y"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-AAK5K5"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-9mVLJR"> <form novalidate="" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-4yVSCV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-bF1PJL"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-IARSe7"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-EOcQw8"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-8I2cGQ"> <div class="text-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-MyApAs"> <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-default-1639461517099-ph-candidate-login-v1fyf2-sHVl5h"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-hIPczb"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-y1qg4C"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-1LYVAC"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dPh1K1"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-KQqA4I"> ${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-1639461517099-ph-candidate-login-v1fyf2-q9W8yz"> ${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-1639461517099-ph-candidate-login-v1fyf2-c42CIo"> ${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-1639461517099-ph-candidate-login-v1fyf2-pitaIP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Lma3K6"> ${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-1639461517099-ph-candidate-login-v1fyf2-UAIJnk"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-7IRmmb"> ${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-1639461517099-ph-candidate-login-v1fyf2-NaJ21Q"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-CeDFlW"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tuDX4E"> <div class="text-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-8mzoTi"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-T36Q4t"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-7qxzDi"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Q8UV1S"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-15fMmy"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-WB1JUN"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zufphp"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-GgYeEY"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-XDCmhZ"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tHJLrC"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-bVqdRi"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-qQhMUy"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tffbaP"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-A10cBd"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-hnlKuT"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-xA0bwO"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tRBBwF"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-u8AHYS"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-o6IHKW"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-mSojH2">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-HT0MUL">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-khf4Lu">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-xZvtrA">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tDuUv6"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-SmSYST"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Siuojj"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-EWAw97"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-fqdxi8"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-VjnGZG"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="fyf2-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-93xsW6"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-Xm0fcD"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-xPUMl4"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-4W5tfy"> <ppc-content key="fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-U6F6wJ">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lXCOoz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-nITf47"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-5mqkjP"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dKkqQX"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-LiGjHK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-IPX5f0"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-cx6zI2"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-WZbFGA"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-jqs22q"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-9af6kx">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-5tpJJq"> <span class="sr-only required-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-OC4hgC"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-6RbuCJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-GJVBHd"> <span class="alert-msg" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-TJ67FQ"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-vYWzGf"> <span class="alert-msg" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-adOJfd"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-BHDXGY"> <div class="form-container" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-4Oo8So"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-HrRpVz"> ${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-1639461517099-ph-candidate-login-v1fyf2-BIGvBA"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-mraetL"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-cfx3kH"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-oRhl2i" view="1653383796853-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1653383907767" original-view="view5" instance-id="" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-a4Z4J7"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0KrXYO"> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-2MEgY4"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-czytLa"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-LP08iJ"> <span data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-sYxcOA"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-dwqeBE"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-BNjXdD"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-zatSMz">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-lsPnWR">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-D0KJ5K"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-SsZirG"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-X1x9PC"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-v4lS2o"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-6GPsaq"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-XVNjvd"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-C15qWO"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-ueXKWB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0FhaaN"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-tLl7Mu"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-2dUDT6"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-0kIVgm">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-8ePIsu"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1639461517099-ph-candidate-login-v1fyf2-iOS2s9"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1622923022629-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page7-0UrpKx"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page7-alkNKu"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page7-mwrhs7"> <div class="modal-content" data-ph-id="ph-page-element-page7-kTZfxK"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-OXkmkz"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page7-IZOznL"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-qNE6in"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-HDTfmL"><ppc-content key="ph-email-job-v1-view3-1gd0h6-x4oncV" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page7-4pZ2jv">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page7-ViHAOR"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-KAKejC" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page7-fnJzOv"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page7-x7ujBJ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8VcDuO" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page7-tCyDrl"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page7-h6wtDU"> <div class="content-block" data-ph-id="ph-page-element-page7-n3NxLA"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page7-K1996q"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-uJggfw"> <label for="name" data-ph-id="ph-page-element-page7-IFaPCw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZlZSJ4" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page7-gjEUXw"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-AQowSO" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-bzc73v" data-ph-at-id="name-input" data-ph-id="ph-page-element-page7-H6I9io"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page7-f1aBFE"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sem28i" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page7-2j0G83">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-vdD00s"> <label for="email" data-ph-id="ph-page-element-page7-1xiXnN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fH8wxs" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page7-8cFQ9z"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-AT9qsn" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page7-dzDMiI"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page7-fcxk8J"> <span class="sr-only" data-ph-id="ph-page-element-page7-KiJ5YL">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page7-ES4wHt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-l5ivmU" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page7-rnDMHI">Email should not be empty</ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page7-4Y5jpe"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Qh8gog" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page7-FRHW8J">Please enter valid Email</ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page7-xx1NzU"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page7-9XPgP8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-jdp3m2" data-ph-at-id="send-text" data-ph-id="ph-page-element-page7-v66Luz"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page7-Z6aM3K"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-rdzQKT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-17KDHg" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page7-yWDxxS">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-4Brayn"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YZZclm" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page7-pYQqjv">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-0tr50E"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page7-HX9HZs"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page7-cYUUS9"> <i class="icon icon-check" data-ph-id="ph-page-element-page7-unrIot"></i> <h3 data-ph-id="ph-page-element-page7-szEB6V"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9lwv2v" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page7-mkEuoe">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-IscJiy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-kx2UqT" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page7-EwckPx">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-JlLv18"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-FbaAEH" data-ph-id="ph-page-element-page7-goWU0d">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-CxZDa0"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page7-xrvPLv"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page7-mjt9ai"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page7-9X9HNg"></i> <h3 data-ph-id="ph-page-element-page7-y0Byj7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-b3fpuI" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page7-BnAm9h">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-yqiTK0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-bLAgvd" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page7-vVWAIS">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-lZax3g"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-6cA9AA" data-ph-id="ph-page-element-page7-vuRrle">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1622923022592-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-pjqg1K"> <div class="widget-container" data-ph-id="ph-page-element-page7-xRfZ5f"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-iYk38E"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-I3iEcb" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-2SLc9H" data-ph-id="ph-page-element-page7-mMpDus"> <ppc-content key="ph-social-share-v3-default-6ty93l-SKJOm8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-Ro13Kn"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page7-808YY6"> <ppc-content key="ph-social-share-v3-default-6ty93l-MOZu8X" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-78r8OX"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-eJCaXz"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-US9Kbp"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page7-C8reO4"> <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-page-element-page7-SQ9aNL"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page7-KJGVy1"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-MrZy8l"> <span data-ph-id="ph-page-element-page7-UNvOyW">${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-page-element-page7-gyzKZT"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1622923022629-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-OLUxPx"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page7-Ok9B1Z"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-qi5wrz"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-fs6Lj8"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-RmpZ5r"> <h3 class="head-text" data-ph-id="ph-page-element-page7-lglVsi"> <ppc-content key="ph-social-share-v3-default-6ty93l-2UGPWX" data-ph-id="ph-page-element-page7-3EjJjH">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-1rZjbs" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-5UPoJX"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-sXhz6D"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page7-Y10Fad"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-ZYH2vN"> <p class="message-text" data-ph-id="ph-page-element-page7-I4itiP"> <ppc-content key="ph-social-share-v3-default-6ty93l-s3QjCJ" data-ph-id="ph-page-element-page7-zmrA49">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page7-uaWnfw"><ppc-content key="ph-social-share-v3-default-6ty93l-hGbFby" data-ph-id="ph-page-element-page7-G6tLdf">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-page-element-page7-NjA0v3" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page7-N54JIo"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-tmI78s"><ppc-content key="ph-social-share-v3-default-6ty93l-mzMsuk" data-ph-id="ph-page-element-page7-B4h9au">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-z0TvgZ"><ppc-content key="ph-social-share-v3-default-6ty93l-FcsT2W" data-ph-id="ph-page-element-page7-OtQbil">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1622923022619" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-mjHPzc"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-IZsZCH" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-tkJoIT"> <div class="widget-container" data-ph-id="ph-page-element-page7-P4Jkrn"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-sBwMyc"> <h2 data-ph-id="ph-page-element-page7-8xnTcI"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-EogmUn" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-TGY7a3">Profile recommendations</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-ebYW0V"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-whKXZo"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-FQZxWL"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="KYIaky" data-ph-id="ph-page-element-page7-OcbFoQ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-wSeno4"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-mXXqbl"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-qR1C22" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-TT2uE9"> <div class="information" data-ph-id="ph-page-element-page7-ruJOXW"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-USitLu"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-39npiv"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-3dx8DP"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-gnou5A" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-ag9Shg"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-UpL3B0"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-5JPKqx"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-8HoWqC"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-B0bHcP">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-EQdBXj"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-nITq6U"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-qcPPUK"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-horQF7"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-cHL0o4">${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-YlIZDx" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-aktWmJ" instance-id="KYIaky-irWQ8I" data-ph-id="ph-page-element-page7-VaPdn2"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-YxiaZz"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-RDKHqi"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-XmmKko">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-YbHIwO"></i> <span data-ph-id="ph-page-element-page7-L4mmvT">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-Yj5qx1"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-CDgHBu"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-CHmfgR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-eZWd77">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-KLimVc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-uJKYdk">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-dvMI4i"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Yh0SKC">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-jimbQq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-V9Afx8">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-E16MeV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-zgoKyb">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-6XK9El"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-W3qLjo"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-ILi8of"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-7JTbfx"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-8MZXuo">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-2xDCj5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-57mBvK">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-gXT9wj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-djHL47">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-JOc8Ym"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-CjD1UL">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-WdJbtP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-2YADlj">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-QTFWXL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-J2NJmc"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-ECcgem"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-9WWQts">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-aqdWa3"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-8nOwBH"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-PuHHme"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-XMeWuW">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-6Rknxy">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-irJ3fK"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-HmMGdN">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-HpM84d">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-KOcl1p">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-6Tj5Q3">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-1AaXBA">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-Od2ldi"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-b30mNP"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-5mKTqU"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-CP45pS"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-sbPTeR"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-RqTPRn"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-pFHqC5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-KJOSCc">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-paxdPx"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-kla9aV">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-V4gGnp"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-zMti7l"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-w0VS7i"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-ZWbIxN"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-CskCrR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-F8ceA2">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-gyNOge"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-JCY7py">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-w0zZG8"> <span class="sr-only" data-ph-id="ph-page-element-page7-KgTxBT">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-X57WMh"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-P3G8zt">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-lO6ENl">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-54Lkr9">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-oOB76H">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-FI5adx">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-zbmIoB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-DoCsw1">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-x49E8c"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-U3WbMD"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-PdqGI2"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-k398ZH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-vLp0LG">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-H5SFKv"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-ukcpvm">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-vJUlkJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-7fDiC8">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-1ndIUw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-eJ581r">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-pu1BSg"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ZnE5uN">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-uMHJAR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-yiuJ6b"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-4x9gjJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-MbMJnP">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fp7dof"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-oKp7cF"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-ijHGIo"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-CMU6ta"> <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-iyQzq8" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="KYIaky-DbrRic" data-ph-id="ph-page-element-page7-81foOb"> <span data-ph-id="ph-page-element-page7-PkWN4I"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-BjvSGN"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-zHjoGH"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-ndB4jZ"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-XvrCbp"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-inSxfU">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-SMBm7T">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-D9709k"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-DdUdht">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-Z1LhL1">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-q2cndm">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-Ov8Du8">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-QktEo9">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-fAeQj7"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-FanimK"> <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-Dm112e" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="KYIaky-fvyPEx" data-ph-id="ph-page-element-page7-DH8AEg"> <span data-ph-id="ph-page-element-page7-qlFLHT"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-Ws49eH"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-sDWujO"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-UBhmq7"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-7eKPVV"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-R8X86f"> <span data-ph-id="ph-page-element-page7-1eks0z"> <span class="sr-only" data-ph-id="ph-page-element-page7-gKyabE"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-tSAaFB">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-kDQ80P">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-yQTxwT">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-M8sJnW">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-ydjktF">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-Mxev5w">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-A2fmLc"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-rwZ2GI"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-Yi5yjK"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-M5BWGN"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-shZANm"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-bPUYLj"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-uoaLdW"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-mq0oB3"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-ptFGxG">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-yNQNrP"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-idQdyB"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-oPnXTF"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-W5ynbo"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-qowByH"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-JigcSw">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-yEZJFF"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-RvDvPG"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-gbrreN"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NVI4rh"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-fWsWkv"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-XYL3E9" data-ph-at-id="share-job-button-text" instance-id="KYIaky-GrU2l9" data-ph-id="ph-page-element-page7-tUHWY7">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-UjJvnj"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-gBrQT6" view="1622923022592-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="1622923022592-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-GMKR9b"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-PNv1D7"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-p1LIX6"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-xFFSE8"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-QoSnAE" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-GPKAFh"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-t5ZyZW"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-pC2xhd"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-YtLW0F">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-jQZ6ds"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-ORyU20"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-c5Ihhs"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-bMXXXS">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-Pn6gEa"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-PCWEdN"> <span class="sr-only" data-ph-id="ph-page-element-page7-akQgTK">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-3rR6N7"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-v3FBjT"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-9sUQwp"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-lPAkYD"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-KhucAZ"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-issYzT"> <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-Y3i3yQ" instance-id="KYIaky-i3WB4H" data-ph-id="ph-page-element-page7-duGSLV"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-M6xbdQ"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-9UoCPe"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-wfxMLl" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-Pww4xM" instance-id="KYIaky-cThuwP" data-ph-id="ph-page-element-page7-lqPqnq"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-EJM6gh"> <div class="job-location-count" data-ph-id="ph-page-element-page7-BlHTOX"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-ftucvg"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-jL9Wzr"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-MRt1EB"> <span data-ph-id="ph-page-element-page7-JWiIV0"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-V9hZR7"></i> </span> <span data-ph-id="ph-page-element-page7-0qdiky"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-aXbfZk"> <span class="sr-only" data-ph-id="ph-page-element-page7-0WuWL9">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-ZfjnA7"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-KClWlO">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-dYV43w">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-IKo7UQ">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-2LZrlf">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-UKT8TL"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-jNIay2"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-rS6a0P"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-MgHe1Q"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-MmHpJo"> <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-hj9DK8" instance-id="KYIaky-Gem52J" data-ph-id="ph-page-element-page7-SNa7km"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-pKCw7k"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-LO7uoi"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-LJj7zt" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-HhRcx4" instance-id="KYIaky-3CyeiC" data-ph-id="ph-page-element-page7-SawEdM"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-WazcEw"> <div class="job-location-count" data-ph-id="ph-page-element-page7-yOppIS"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-SM66Pq"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-O26zey"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-KxUWzb"> <span data-ph-id="ph-page-element-page7-Ehq8ZM"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-ikzVM0"></i> </span> <span data-ph-id="ph-page-element-page7-wNnjLr"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-hiTOuH"> <div aria-atomic="true" aria-live="assertive" instance-id="9WbzRJ" data-ph-id="ph-page-element-page7-YZ7Zd9"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-fHVhDM" 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-pS1oH6" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-y76odA" instance-id="9WbzRJ-GGYaWO" data-ph-id="ph-page-element-page7-M65sb3"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-pCTIs7"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-y1iXot"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-1oIVLF" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-VDLJbf" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-CdQRRc" instance-id="9WbzRJ-VJcBuJ" data-ph-id="ph-page-element-page7-XuHZ1i"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-b3Akl2"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-SjEqVz"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-01tIoN" 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-MONVNU" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-QUnkZw" instance-id="9WbzRJ-p0MzER" data-ph-id="ph-page-element-page7-I2Rcbj"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-bdcg1q"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-dLSvNm"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-MVwzlN" 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-N4pZWj" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-lOdTJC" instance-id="9WbzRJ-e8WRPS" data-ph-id="ph-page-element-page7-ZEEWf4"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-ZZ2EH0"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-tu5EJA"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-VjI1Pc"> <p data-ph-id="ph-page-element-page7-uHA1Xb"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-oXBfzb" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-8iMjJ7"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1622923084723-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page7-889PS1"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page7-xGYij4"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page7-h36UlG"> <div class="modal-content" data-ph-id="ph-page-element-page7-M8lHbb"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-B1OHzE"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page7-tYaU77"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-dJB5al"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-DLuBen"><ppc-content key="ph-email-job-v1-view3-1gd0h6-x4oncV" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page7-6fFczi">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page7-WBcMtm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-KAKejC" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page7-nlsZz2"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page7-8Zk2cq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8VcDuO" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page7-XPEyAV"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page7-wyc997"> <div class="content-block" data-ph-id="ph-page-element-page7-6oYaQF"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page7-LwQr7C"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-LUnWlq"> <label for="name" data-ph-id="ph-page-element-page7-0xMORL"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZlZSJ4" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page7-iLLZ0a"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-AQowSO" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-bzc73v" data-ph-at-id="name-input" data-ph-id="ph-page-element-page7-KoFc7L"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page7-9g1SxA"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sem28i" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page7-1SCoCT">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-zQmJ2b"> <label for="email" data-ph-id="ph-page-element-page7-Bv7hxO"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fH8wxs" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page7-TmldWl"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-AT9qsn" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page7-b7c0LS"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page7-bf6bYU"> <span class="sr-only" data-ph-id="ph-page-element-page7-Wktp7a">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page7-eNIgjP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-l5ivmU" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page7-5V8nLA">Email should not be empty</ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page7-YN5uJs"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Qh8gog" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page7-GKp8mw">Please enter valid Email</ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page7-4H5I95"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page7-Un2Apb"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-jdp3m2" data-ph-at-id="send-text" data-ph-id="ph-page-element-page7-5a8d8l"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page7-1TMGAV"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-pdnJS8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-17KDHg" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page7-ZqOyuO">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-wveExu"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YZZclm" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page7-iUlXTo">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-6pXhVI"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page7-sP9O8K"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page7-DgsiGV"> <i class="icon icon-check" data-ph-id="ph-page-element-page7-uTWTkr"></i> <h3 data-ph-id="ph-page-element-page7-lUyhsT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9lwv2v" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page7-y5C93h">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-owN2bS"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-kx2UqT" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page7-4GoJ84">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-I8NtW1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-j3D5Qs" data-ph-id="ph-page-element-page7-PUeDVv">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-ou0c03"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page7-XVEdSP"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page7-P6Y1eA"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page7-CXYRNK"></i> <h3 data-ph-id="ph-page-element-page7-1TFLWj"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-b3fpuI" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page7-Rtvcz5">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-HAZtEq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-bLAgvd" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page7-dNXodl">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-80Pfn8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-iHM8om" data-ph-id="ph-page-element-page7-FwWegM">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1622923084692-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-XJ1IIf"> <div class="widget-container" data-ph-id="ph-page-element-page7-rMGlB8"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-vos4oO"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-I3iEcb" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-2SLc9H" data-ph-id="ph-page-element-page7-ApXths"> <ppc-content key="ph-social-share-v3-default-6ty93l-SKJOm8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-zcSQHV"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page7-iwMERW"> <ppc-content key="ph-social-share-v3-default-6ty93l-MOZu8X" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-a9fQ9H"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-oAyxLZ"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-DJ5S9W"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page7-Krzd5K"> <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-page-element-page7-MBLMwW"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page7-DQqOp4"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-qDcW8N"> <span data-ph-id="ph-page-element-page7-iIr6uJ">${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-page-element-page7-IaEpln"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1622923084723-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-EFSw6M"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page7-xs6BeW"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-uTRkwD"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-7LtNXP"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-UpLXBy"> <h3 class="head-text" data-ph-id="ph-page-element-page7-hiZOuO"> <ppc-content key="ph-social-share-v3-default-6ty93l-2UGPWX" data-ph-id="ph-page-element-page7-HTxvox">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-1rZjbs" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-qjVQ5f"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-aOTXd9"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page7-4DkaMz"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-Pe7IDj"> <p class="message-text" data-ph-id="ph-page-element-page7-83aqe6"> <ppc-content key="ph-social-share-v3-default-6ty93l-s3QjCJ" data-ph-id="ph-page-element-page7-24w31p">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page7-TQQJK2"><ppc-content key="ph-social-share-v3-default-6ty93l-hGbFby" data-ph-id="ph-page-element-page7-69rvem">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-page-element-page7-bwKdiD" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page7-lDpp7H"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-q98gFR"><ppc-content key="ph-social-share-v3-default-6ty93l-mzMsuk" data-ph-id="ph-page-element-page7-w4ZUrr">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-RPvlIc"><ppc-content key="ph-social-share-v3-default-6ty93l-FcsT2W" data-ph-id="ph-page-element-page7-0ZqNd2">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622923084713" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-pJjjbq"></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-dPdR8H" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-0knRt7"> <div class="widget-container" data-ph-id="ph-page-element-page7-TYEYFw"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-rs0O6P"> <h2 data-ph-id="ph-page-element-page7-Ap4znn"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-lXUeMb" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-gN8WOq" language-overriden="true"><div><span class="ph-XkkQ1">Jobs Based on Your Browsing History</span></div></ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-haawpI"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-iIAMeY"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-gjb5Fb"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="cHI8PW" data-ph-id="ph-page-element-page7-dhRyID"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-2RXM7q"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-7187OB"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-tBMs1h" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-mBkyeS"> <div class="information" data-ph-id="ph-page-element-page7-MuXZtM"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-y1Logn"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-zxxFV4"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-nmnLTu"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-jlT6vu" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-vllRz5"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-vqZWWB"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-qBN3Dq"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-cnaGpb"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-rf1WyH">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-ZuAOq2"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-PFK9Ss"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-y6Is3R"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-SarPtk"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-iZhuV4">${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-fKzuD4" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-kO7aKS" instance-id="cHI8PW-Yf3bzk" data-ph-id="ph-page-element-page7-JnG9fA"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-QxON4F"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-t6ak6n"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-4VYKF7">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-JHixgQ"></i> <span data-ph-id="ph-page-element-page7-a8anQf">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-ZimIci"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-zAoauC"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-mmySHP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-cuR1kK">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-676GEZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-j79Br9">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-BESaVt"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-opn08Z">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-o0PPAN"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Jypzsj">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-dk6t1Y"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-wfwLtw">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-V9HJMK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-3Nx8xv"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-xDzskj"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-30YNd0"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-0ZTCsV">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-cAdYPI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-OPFZSr">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-rFaIK3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-4DFGvM">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-rL8NpO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-FT8YEr">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-aIYvXY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-p14BaZ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-j6eEBB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-fjU38v"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-5yqEZn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-yl4m9k">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-FvNqx9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-sc7j6G"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-nV0kt6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-QEWsZw">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-xmQdJQ">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NzWlfb"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-Pytaps">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-54stKv">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-p8bDjX">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-PnA9TP">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-RKN4Jk">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-XjoQWY"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-uhp8As"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-WQFmK4"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-IeUNV8"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-MInSP9"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-eGLkN5"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-vM1jIh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-dTfUTj">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-9OSXC8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-urmxsj">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-pIbsPz"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-JsXvWm"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-pZ2oAY"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-RDLY2k"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-iuyQQH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ps6oed">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-W1a92x"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-iB4650">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-9ZY8sv"> <span class="sr-only" data-ph-id="ph-page-element-page7-32whPx">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-GsEy2H"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-HZhBkC">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-ojnK8r">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-SKtEIT">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-FLwSq8">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-q7eo4O">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-yUQWkJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-dyKrxO">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-sXMuHj"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Ew229P"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-zrU2t7"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-e4TexP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-eQ2Sj8">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-v0K7bB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Lyrowi">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-zEOr2E"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ZEySuH">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Ue9k7R"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-tzMTsL">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-KoStxr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-FDuNbQ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-50x7Yb"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-HPWAba"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-tzO5dv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-8WzBah">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bwB3O6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-obYt5e"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-iGktam"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-wFChOm"> <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-6nnVSh" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="cHI8PW-uYYIVr" data-ph-id="ph-page-element-page7-9DOwfW"> <span data-ph-id="ph-page-element-page7-Srr6aQ"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-eSlvP8"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-LSgUPO"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-pWXGqv"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-gzrtjJ"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-K7scdp">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-UA8VXi">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-3bCUBX"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-qKZrX8">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-1V2TG2">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-yY70oX">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-eE0rZi">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-pp8H9Z">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-uLF0yo"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-E3wSPm"> <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-yMlQmP" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="cHI8PW-76Xch9" data-ph-id="ph-page-element-page7-vT2syM"> <span data-ph-id="ph-page-element-page7-O0Kdzo"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-vFde8a"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-HYGNZT"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-XmIpIW"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-YiAJrY"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-R0Bsmk"> <span data-ph-id="ph-page-element-page7-Qusv8O"> <span class="sr-only" data-ph-id="ph-page-element-page7-gk3p7S"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-aqx0zB">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-iSSXUs">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-zsulW1">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-iLx5ZP">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-u9CQLC">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-ZIDKtw">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-TJWpJL"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-ZaphWe"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-TJHER9"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-eIcnZM"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-cibEQL"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-DTflHi"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-ggqYFH"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-82bPMp"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-q4XXVC">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-30cBQ4"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-GDNGET"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-KCgY9Y"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-AymfY0"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-ykeT65"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-5eI8NN">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-EThKvB"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-p4Vesj"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-VEfVPC"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fq9q7Q"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-joCwVU"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-wO9vFg" data-ph-at-id="share-job-button-text" instance-id="cHI8PW-VXadTh" data-ph-id="ph-page-element-page7-bn4LgV" 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-page7-FG9j96"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-YgleFR" view="1622923084692-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1622923084692-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-9aYQYU"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-su9syv"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-c4M7hS"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-R94fYh"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-0Fm8Wz" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-pD8fvO"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-4GkKMh"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-bqdWmj"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-PsFDUZ">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-6jxAUs"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-dPiAsU"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-5FkD96"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-UTFxbc">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-lDfn7j"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-VVvdkr"> <span class="sr-only" data-ph-id="ph-page-element-page7-StXjpi">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-TWRaYY"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-NMVnvx"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-uVepYE"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-8YcsK6"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-NP54Z9"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-cmACIf"> <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-VIxvpp" instance-id="cHI8PW-w1s37t" data-ph-id="ph-page-element-page7-jyWsEd"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-ZRBSK3"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-lGyvrP"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-ptl2th" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-JglUgH" instance-id="cHI8PW-mrOQsQ" data-ph-id="ph-page-element-page7-Vjwe7I"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-3qX7VN"> <div class="job-location-count" data-ph-id="ph-page-element-page7-hGej5O"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-IoSA9V"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-gGzZTi"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-S3aFyi"> <span data-ph-id="ph-page-element-page7-47yYJj"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-YuYOMq"></i> </span> <span data-ph-id="ph-page-element-page7-Hb06Sj"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-kdnH9B"> <span class="sr-only" data-ph-id="ph-page-element-page7-Uy6FO5">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-pBovOL"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-UmPtCm">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-ol55rn">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-41Utvw">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-6J6FaF">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-H096wf"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-nJcdvc"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-9DYXKp"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-bi9Kvu"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-ZEIODS"> <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-PS50Qb" instance-id="cHI8PW-jFpdYb" data-ph-id="ph-page-element-page7-asrlQ5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-W40TZB"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-X8kg8T"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-S9SeHw" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-THCWr5" instance-id="cHI8PW-5I9GYS" data-ph-id="ph-page-element-page7-9w6vo6"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-vHPUG6"> <div class="job-location-count" data-ph-id="ph-page-element-page7-0UxZye"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-kmRhnC"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-f29iY5"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-f5na1s"> <span data-ph-id="ph-page-element-page7-UgJF1a"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-SnTdih"></i> </span> <span data-ph-id="ph-page-element-page7-PIf0EC"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-nvZY6q"> <div aria-atomic="true" aria-live="assertive" instance-id="eObFUn" data-ph-id="ph-page-element-page7-H2NsAO"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-5ypMYa" 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-Jzu5j3" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-mThHU0" instance-id="eObFUn-U0PBha" data-ph-id="ph-page-element-page7-xvU8fH"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-kwrVaD"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-uFoXaT"></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-trWtaa" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-6hjyFT" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-JSKWgG" instance-id="eObFUn-ZlOH7f" data-ph-id="ph-page-element-page7-HMLttP"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-iZEMmV"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-JjzJ5R"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-ie1PJP" 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-wnEjQ0" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-JlECBg" instance-id="eObFUn-6XTZ4X" data-ph-id="ph-page-element-page7-AnoyIG"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-L9ZE80"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-hRojMg"></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-Eqvaxv" 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-Hfnwh1" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-ZdYZXK" instance-id="eObFUn-eB9LQc" data-ph-id="ph-page-element-page7-04J4Tn"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-kOMUc4"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-98pIps"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-zqBmdN"> <p data-ph-id="ph-page-element-page7-xLfgQW"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-QpIVjA" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-IMKcwB" language-overriden="true"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1622923135850-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page7-AengJb"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page7-vubB5I"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page7-wMYaHg"> <div class="modal-content" data-ph-id="ph-page-element-page7-qku7eD"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-hINg1i"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page7-0Tt0Tk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-ZDOnIW"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-y3Or26"><ppc-content key="ph-email-job-v1-view3-1gd0h6-x4oncV" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page7-Zv0kUD">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page7-6v69T2"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-KAKejC" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page7-SoE5Op"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page7-qT0GHa"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8VcDuO" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page7-PmNEgT"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page7-LququX"> <div class="content-block" data-ph-id="ph-page-element-page7-1Mis8L"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page7-bRwUEZ"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-KypdAi"> <label for="name" data-ph-id="ph-page-element-page7-Ar2q5K"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZlZSJ4" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page7-C9tO1A"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-AQowSO" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-bzc73v" data-ph-at-id="name-input" data-ph-id="ph-page-element-page7-ZaCtAb"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page7-YZMOGB"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sem28i" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page7-tYi4Ao">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-uiPla9"> <label for="email" data-ph-id="ph-page-element-page7-bdg7tj"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fH8wxs" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page7-p2prDV"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-AT9qsn" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page7-etkByO"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page7-koZyXm"> <span class="sr-only" data-ph-id="ph-page-element-page7-r4OVxZ">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page7-ReAPep"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-l5ivmU" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page7-65K6Bv">Email should not be empty</ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page7-SAU1tP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Qh8gog" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page7-T56mGj">Please enter valid Email</ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page7-WAkDp7"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page7-7FtaV5"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-jdp3m2" data-ph-at-id="send-text" data-ph-id="ph-page-element-page7-vp4zPO"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page7-1hWxOI"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-s9I4xd"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-17KDHg" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page7-iIa73Z">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-XEkcsM"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YZZclm" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page7-5M6gay">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-2U3rjV"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page7-saHuIR"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page7-rW1Dx4"> <i class="icon icon-check" data-ph-id="ph-page-element-page7-wzMXVw"></i> <h3 data-ph-id="ph-page-element-page7-oNmJCW"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9lwv2v" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page7-f5aaP8">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-yPkSH0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-kx2UqT" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page7-x072lh">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-cyNqec"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-4GwAKZ" data-ph-id="ph-page-element-page7-RXszsa">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-Yl8js8"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page7-bkGJ7j"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page7-ZFhlhK"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page7-wT17VB"></i> <h3 data-ph-id="ph-page-element-page7-X8gMWV"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-b3fpuI" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page7-OEYtI2">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-GjJEnv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-bLAgvd" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page7-Lr5fWY">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-o7fOKt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pxKaJn" data-ph-id="ph-page-element-page7-46VQfw">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1622923135821-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-MjtnLG"> <div class="widget-container" data-ph-id="ph-page-element-page7-fsYxLM"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-Ki0Lq6"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-I3iEcb" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-2SLc9H" data-ph-id="ph-page-element-page7-qd3FgQ"> <ppc-content key="ph-social-share-v3-default-6ty93l-SKJOm8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-MbYXYN"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page7-WoVCxI"> <ppc-content key="ph-social-share-v3-default-6ty93l-MOZu8X" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-iaQntB"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-eiD6nr"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-Z7Xqpp"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page7-obc3Z2"> <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-page-element-page7-5s0Tkl"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page7-KpyFJ1"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-wpOwgB"> <span data-ph-id="ph-page-element-page7-jF2EMe">${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-page-element-page7-PjJp4w"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1622923135850-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-AtqNEe"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page7-iTy0T3"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-tZnGNJ"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-Dj18Pj"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-TCFsXK"> <h3 class="head-text" data-ph-id="ph-page-element-page7-utjCXm"> <ppc-content key="ph-social-share-v3-default-6ty93l-2UGPWX" data-ph-id="ph-page-element-page7-TVv5JQ">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-1rZjbs" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-CuS2Qr"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-87TSXZ"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page7-9eS1Q3"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-PmT559"> <p class="message-text" data-ph-id="ph-page-element-page7-squSPd"> <ppc-content key="ph-social-share-v3-default-6ty93l-s3QjCJ" data-ph-id="ph-page-element-page7-Xfw5Sr">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page7-1ovjcy"><ppc-content key="ph-social-share-v3-default-6ty93l-hGbFby" data-ph-id="ph-page-element-page7-MDfxjY">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-page-element-page7-Njixx9" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page7-w78W4t"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-gpdlfJ"><ppc-content key="ph-social-share-v3-default-6ty93l-mzMsuk" data-ph-id="ph-page-element-page7-nYIKeb">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-538nI9"><ppc-content key="ph-social-share-v3-default-6ty93l-FcsT2W" data-ph-id="ph-page-element-page7-DGFaoz">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622923135840" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-p63PwB"></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-ZMADA7" data-ph-id="ph-page-element-page7-uHis2a"> <div class="widget-container" data-ph-id="ph-page-element-page7-wes84L"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-4EH4BZ"> <h2 data-ph-id="ph-page-element-page7-lfkLmq"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-g8yDEk" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-AjpXd7">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-c6ypeY"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-gqt0ib"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-thYrBH"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="DzsjMe" data-ph-id="ph-page-element-page7-xcNxRp"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-Y8s6PN"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-dXTYJc"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-Po9f0J" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-BSHe1P"> <div class="information" data-ph-id="ph-page-element-page7-WwYw98"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-mLWdsZ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-jusizq"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-EmL6Ip"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-WJACmz" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-70b7g0"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-PM8W8w"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-Q1RIOY"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-D12RAE"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-8Y8v0m">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-CQTsFn"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-hVxZmC"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-YYlniF"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-yan8D6"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-gGugOt">${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-h8Nfkv" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-KHph6n" instance-id="DzsjMe-6Ap8nU" data-ph-id="ph-page-element-page7-tUd71O"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-ovobQN"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-8zQGW3"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-jSGmJe">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-0Ou76M"></i> <span data-ph-id="ph-page-element-page7-vFTdKd">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-6Xvv0p"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-YSMFmC"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-r14EYP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Y9TLLD">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-6xy0lh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-FcC0YX">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-XcKrXh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-I89Qds">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-thhoNt"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-FwuFfs">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-BKIT0P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-DSAXkt">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bf0hdo"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-hJXgoV"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-SuqPxo"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-V07ivl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-P5fXfC">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-KA1GgY"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-EAizHA">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-N4Vj32"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-RXELN8">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-9bQgjT"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-RTMMOF">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-6lKcuH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-7BDWHx">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-4YfxUc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-3lvj5y"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-3D6Qaw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-64ITJE">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-KUwrQs"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-EuMuLE"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-7Ds5kx"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Y8mAnT">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-tygQjo">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-peJfmL"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-UgjjNS">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-wVOCgO">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-XBBsV6">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-n71mng">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-J3k4aZ">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-i5RF6y"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-5fQrki"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-totWPf"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-FpCLuC"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-1c0N6J"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-0Bekdw"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-TSeZ84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-dq3t2j">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-AZzzDD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Qs8UUA">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-ohYxTt"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-eb6zWY"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-vSnZFC"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-LgUWbz"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-PJOvuM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-NSekVn">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-1DP8Hv"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-vhhn8Y">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-zipILu"> <span class="sr-only" data-ph-id="ph-page-element-page7-nCFpdg">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-qafLVd"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-ePdWBW">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-48LFbJ">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-RByLXl">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-hd7nKr">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-qUv1qu">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-9qJ1NF"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-tntxG1">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-f8Ctpq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-uTvwQG"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-Bm9SM1"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-8mglpw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-i44RaH">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-l6eEhv"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-NXbGFm">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-9WaS3h"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-9oY83S">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-VnSLv8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-HJaWvx">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-1fcnx4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-zxIviH">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-mKyhvp"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-hqKlVS"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-OktrlE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-cJlahy">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-eQbwrU"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-xrMokl"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-bVuNdd"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-HcvGAM"> <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-CQ694Z" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="DzsjMe-KloDCW" data-ph-id="ph-page-element-page7-zdWyFF"> <span data-ph-id="ph-page-element-page7-skl0ld"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-fBAybS"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-uhOhqD"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-H9nFge"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-cJIFTd"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-HI9G1y">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-i1koj1">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-RW9ULA"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-iFUvLp">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-ilH1rv">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-zjdRaq">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-jOK2x3">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-VX5KCf">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-gTk0lr"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-BcX1yQ"> <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-b3gvoi" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="DzsjMe-hU8UKQ" data-ph-id="ph-page-element-page7-IsNeMJ"> <span data-ph-id="ph-page-element-page7-bfSnvt"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-EXD4l2"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-IsSW8V"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-ndDh8x"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-cYCcGG"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-bJVRg0"> <span data-ph-id="ph-page-element-page7-UYVZ3L"> <span class="sr-only" data-ph-id="ph-page-element-page7-mkL7QU"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-iD2sNk">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-igL6aa">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-JsZOQw">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-xr8tk6">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-Dlfmmb">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-Tkw6jy">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-HYrVXl"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-pvKNMh"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-uqo57y"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-GatLmE"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-L45F6Z"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-hWLSOC"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-3LGMMY"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-TAgEe1"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-GgMG7w">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-NtDm1i"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-CuMniz"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-Y3onec"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-P8YLtq"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-uksctN"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-1Dma2F">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-6CfvaC"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-n2D0PL"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-R0TlVn"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-7Ra3yi"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-AQWZEV"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-3EpU8Y" data-ph-at-id="share-job-button-text" instance-id="DzsjMe-sbJJfn" data-ph-id="ph-page-element-page7-lT008i">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-2QNX4G"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-68M7SA" view="1622923135821-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1622923135821-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-44106A"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-eyxkDb"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-k3uBzi"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-XTKyXT"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-zE4UOO" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-5JBsJl"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fpznm1"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-GExRal"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-LnvYzV">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-fwVBvv"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-lmKkDT"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-qKR1W3"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-bR2NUV">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-yxg4Yy"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-sxIAXo"> <span class="sr-only" data-ph-id="ph-page-element-page7-1YdPZ0">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-s5hXp9"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-NyzxEB"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-73ynIT"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-23x1bx"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-bwQMf4"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-V6QhFl"> <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-u2mYuG" instance-id="DzsjMe-YmKUBp" data-ph-id="ph-page-element-page7-BVwpG6"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-WhL6xo"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-Jbue64"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-AtcF6c" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-gw3j8H" instance-id="DzsjMe-6GA7xu" data-ph-id="ph-page-element-page7-uZn3fM"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-uptqEI"> <div class="job-location-count" data-ph-id="ph-page-element-page7-EJ1p8i"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-VF67tU"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-Z4K3Mq"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-oKuEBY"> <span data-ph-id="ph-page-element-page7-zuQvyF"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-0zwa2F"></i> </span> <span data-ph-id="ph-page-element-page7-uF5kIs"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-9O6CS9"> <span class="sr-only" data-ph-id="ph-page-element-page7-bkqwDb">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-UAya56"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-596CnP">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-4Qgudi">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-yCk9M8">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-137TlM">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-lw4sOw"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-oV9DqY"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-2YaCkZ"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-EjCxi1"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-slxKZV"> <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-DzVnt4" instance-id="DzsjMe-jRxmlq" data-ph-id="ph-page-element-page7-JicQec"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-zKaD7b"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-W6Tu7Y"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-A2HTAb" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-ZNj3Lu" instance-id="DzsjMe-MOkA0o" data-ph-id="ph-page-element-page7-9dDw61"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-2Oo1Dk"> <div class="job-location-count" data-ph-id="ph-page-element-page7-vCssvF"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-m6Lkf9"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-dcPd5X"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-3mWQV0"> <span data-ph-id="ph-page-element-page7-g5jahp"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-PLTPnu"></i> </span> <span data-ph-id="ph-page-element-page7-xFzwXT"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-f8mUwN"> <div aria-atomic="true" aria-live="assertive" instance-id="uTMO3I" data-ph-id="ph-page-element-page7-XPMosw"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-C0j4rd" 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-97r6pu" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-I8Lgre" instance-id="uTMO3I-17kEcd" data-ph-id="ph-page-element-page7-DqTZEb"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-e7hdy3"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-JIOmN8"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-4FEZIr" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-FGwaJr" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-sbWhli" instance-id="uTMO3I-vsg8WV" data-ph-id="ph-page-element-page7-MyC8Xs"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-5SM2z8"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-AwKKFw"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-11wk37" 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-0eeN2a" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-yoxjs8" instance-id="uTMO3I-ALNdzk" data-ph-id="ph-page-element-page7-kwLSRa"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-lza6xD"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-eYEnIj"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-h92E6b" 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-P8qaCL" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-k3WllH" instance-id="uTMO3I-iJbWvj" data-ph-id="ph-page-element-page7-IJ5ieQ"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-n0mgtX"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-vCOVc0"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-341wSI"> <p data-ph-id="ph-page-element-page7-hwl6Mk"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-bkwJw7" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-pW7l6y"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1622923099791-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page7-67lfza"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page7-PDD4Se"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page7-nEXVuI"> <div class="modal-content" data-ph-id="ph-page-element-page7-vaA8kY"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-sGLRf9"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page7-Xf7OZn"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-jgllgr"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-B6c6hz"><ppc-content key="ph-email-job-v1-view3-1gd0h6-x4oncV" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page7-d2kgHH">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page7-mweRxf"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-KAKejC" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page7-v1LucQ"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page7-8XRtrc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8VcDuO" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page7-wTo8ac"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page7-6UFMJY"> <div class="content-block" data-ph-id="ph-page-element-page7-74O6Xe"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page7-XoUI56"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-5hwFvQ"> <label for="name" data-ph-id="ph-page-element-page7-ORG3Qt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZlZSJ4" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page7-X8pYDW"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-AQowSO" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-bzc73v" data-ph-at-id="name-input" data-ph-id="ph-page-element-page7-1YPLCG"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page7-MQlTCO"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sem28i" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page7-5SEEpM">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-XT5Rvf"> <label for="email" data-ph-id="ph-page-element-page7-1lyujZ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fH8wxs" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page7-kLLLZZ"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-AT9qsn" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page7-6ss6Ar"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page7-0Wrauq"> <span class="sr-only" data-ph-id="ph-page-element-page7-6FmGAW">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page7-irJGZH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-l5ivmU" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page7-yqd7vT">Email should not be empty</ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page7-4aWUzo"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Qh8gog" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page7-VP8HQ6">Please enter valid Email</ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page7-zUQU4I"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page7-kHcpLg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-jdp3m2" data-ph-at-id="send-text" data-ph-id="ph-page-element-page7-4CcPWi"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page7-VBf0n9"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-sA4WZ4"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-17KDHg" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page7-hkmZJH">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-9sfrNQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YZZclm" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page7-9ccUBN">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-pTc4WK"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page7-Gwv4iz"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page7-QANLDy"> <i class="icon icon-check" data-ph-id="ph-page-element-page7-vii8v1"></i> <h3 data-ph-id="ph-page-element-page7-4V1EWO"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9lwv2v" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page7-aRMqNN">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-buV4Q6"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-kx2UqT" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page7-p7vDJE">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-QWLrMG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TtSASO" data-ph-id="ph-page-element-page7-Hc26NQ">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-cO3f3T"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page7-P5LECo"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page7-3f4Aqn"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page7-XoNsrI"></i> <h3 data-ph-id="ph-page-element-page7-6Ewx1A"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-b3fpuI" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page7-4BVNTh">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-KGklhD"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-bLAgvd" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page7-QhEwBg">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-DhUFJ7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ysxbIy" data-ph-id="ph-page-element-page7-R5arKP">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1622923099763-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-SRxZdJ"> <div class="widget-container" data-ph-id="ph-page-element-page7-F7YYvR"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-F4YBOn"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-I3iEcb" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-2SLc9H" data-ph-id="ph-page-element-page7-FZX30H"> <ppc-content key="ph-social-share-v3-default-6ty93l-SKJOm8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-1oLRNX"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page7-vSVh5G"> <ppc-content key="ph-social-share-v3-default-6ty93l-MOZu8X" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-B79ge4"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-08gWZj"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-g6X4Vy"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page7-LoCc57"> <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-page-element-page7-80h9tX"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page7-ty5wFv"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-1ty9Ls"> <span data-ph-id="ph-page-element-page7-Yrn9lt">${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-page-element-page7-fN1JF1"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1622923099791-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-0li0lv"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page7-fjVcHy"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-ani02b"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-7toQ5A"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-Q9kMtN"> <h3 class="head-text" data-ph-id="ph-page-element-page7-0fOMLo"> <ppc-content key="ph-social-share-v3-default-6ty93l-2UGPWX" data-ph-id="ph-page-element-page7-a1NZlJ">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-1rZjbs" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-j0LP3J"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-LJsbHK"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page7-ZEGwMe"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-GOqAZ1"> <p class="message-text" data-ph-id="ph-page-element-page7-xGxQhX"> <ppc-content key="ph-social-share-v3-default-6ty93l-s3QjCJ" data-ph-id="ph-page-element-page7-Q8COtR">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page7-ztHvpU"><ppc-content key="ph-social-share-v3-default-6ty93l-hGbFby" data-ph-id="ph-page-element-page7-VPJ1PG">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-page-element-page7-2UemD0" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page7-YRFLkc"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-guB0Zk"><ppc-content key="ph-social-share-v3-default-6ty93l-mzMsuk" data-ph-id="ph-page-element-page7-LsVcHK">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-lswuaP"><ppc-content key="ph-social-share-v3-default-6ty93l-FcsT2W" data-ph-id="ph-page-element-page7-xMurpK">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1622923099781" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-KE8yJp"></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-l7rxt1" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-Pu07Vs"> <div class="widget-container" data-ph-id="ph-page-element-page7-Ac6b3I"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-y4c5np"> <h2 data-ph-id="ph-page-element-page7-xCwM7P"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-TTiMJr" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-jrtfqM" language-overriden="true">Explore Opportunities Near You</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-MtBDMA"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-cm1wtz"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-88fhhE"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="nXt7Ac" data-ph-id="ph-page-element-page7-XdwKYi"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-J1JH6B"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-NvfhFL"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-20RnFx" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-PeHUDo"> <div class="information" data-ph-id="ph-page-element-page7-nY49Mb"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-PirZsk"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-7Htr55"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-2gnFyL"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-kLpuvR" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-PSXOAG"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-tsiy1Z"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-PBRoxG"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-oaV3K0"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-m8pScw">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-w2Jmay"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-JLgsKo"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-TpVUqh"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-EzJAbJ"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-lkSQ1p">${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-j94MuC" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-qi5top-cXJGek" instance-id="nXt7Ac-rVmr2u" data-ph-id="ph-page-element-page7-rBpdEC"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-7VK8Kp"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-1qxHvf"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-r1THHL">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-HrCoPB"></i> <span data-ph-id="ph-page-element-page7-vM4vdR">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-ChlaQT"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-PoMNQp"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-iI9IxB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-f4nKck">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-9A8CPL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-t9pQjs">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-qxAxlM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-CXnnlk">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-b91XIM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-tX8QvR">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-8TgLs8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Qs1wak">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-a768dz"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-3PfzcM"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-JDUEez"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-ZsTUj6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-smOTJW">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-swuJib"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-HwWW3x">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-BVShiH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-WsN0O5">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-qxr56h"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-JvXvMw">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-g9YVD6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-rjfYcB">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fFmZZN"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-C6hexy"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-1srC5n"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-1NNpB9">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-9ENoRn"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-VRvZd3"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-3k2QaJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-lCYM8Y">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-v2DMNh">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Fec5z7"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-7tnlkF">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-9tg9DL">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-I8Nl5k">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-4HkPSX">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-fvWbM6">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-8e9Sv9"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-aXa1So"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-QOiUQl"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-4wcvVa"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-9a1thd"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-ed8b17"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-MMXmVO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-cwF0V6">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-UzYbQ9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-OKERYN">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-erjPJJ"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-WeQ8Re"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-IaJhQq"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-oBs4hR"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-wcQyFu"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ZJZcXD">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-31ffip"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-4RnsVv">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-zXeGDi"> <span class="sr-only" data-ph-id="ph-page-element-page7-vzX3pm">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-AMFg04"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-IikX6T">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-2YeFQX">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-LOXsrv">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-pjFaEY">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-UzB7kF">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-z1CVyv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-MNLeZZ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-gvKlCB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-7G0rEU"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-s68iw2"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-IlqSvX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-V480fB">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-k46nHg"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-vJsG5q">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-aOcujU"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-2A1Dvj">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-8uWyL1"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-FidKgv">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-Kgn450"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-v8aNpM">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-q6wMCh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-X0iCt5"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-XAFSEC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-AvUQkp">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-r8AePY"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-0H5nOA"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-ehwGRX"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-Ac3FW0"> <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-zWpnEU" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="nXt7Ac-BJjJ54" data-ph-id="ph-page-element-page7-E7iuRm"> <span data-ph-id="ph-page-element-page7-Od4wLq"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-YDBkzn"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-pyB0QK"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-0sAd43"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-VMXYz1"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-w1lx6z">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-Jfklek">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-8N9fF6"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-hNJ050">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-RtqW0d">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-Yd9oGx">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-fKzXps">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-uLv8dj">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-2iFZNP"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-XZGfFI"> <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-Ij3jf1" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="nXt7Ac-hLwlbC" data-ph-id="ph-page-element-page7-BQtwk3"> <span data-ph-id="ph-page-element-page7-xHAo45"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-uRxhDM"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-Mmo3TV"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-vNftyW"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-ii7DhB"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-NqES6J"> <span data-ph-id="ph-page-element-page7-nPzrMa"> <span class="sr-only" data-ph-id="ph-page-element-page7-sY9w25"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-j7fHZu">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-KlaBbY">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-r1RAl4">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-4qfKhO">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-eAcMbY">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-PgQnkc">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-8fmFoW"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-javLN4"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-jidSLN"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-1VC1bv"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-MmEIX1"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-rNOMnC"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-geUOMf"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bBnPKg"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-g02kbl">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-779XiY"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-bQwLTU"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-jboS8C"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-cbB3CI"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-cOphXS"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-dMcwGJ">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-vg4COc"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-p3njwd"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-SzrGMs"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-PlfQrj"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-PAdIQs"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-OatDtY" data-ph-at-id="share-job-button-text" instance-id="nXt7Ac-lYZIJc" data-ph-id="ph-page-element-page7-ju7pge">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-siTDT8"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-K2uDuP" view="1622923099763-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="1622923099763-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-a36TvF"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-ivqQSY"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-00OklM"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-MXe7Dy"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-MsR4tv" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-LuYJdm"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-utdXfn"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-8pSXRw"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-ynf9TM">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-y4ZCKj"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-1NquW2"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-0cN9x7"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-wLQtWz">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-q9BefL"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-fOGdfm"> <span class="sr-only" data-ph-id="ph-page-element-page7-Ie043d">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-RFLdd6"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-2WXS96"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-UGNPKP"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-ghQ8GF"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-kMaZ71"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-1jJpHl"> <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-MjT4Av" instance-id="nXt7Ac-kN9QFS" data-ph-id="ph-page-element-page7-dCIzrD"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-iOC13A"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-Ju0rOT"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-qi5top-Au29ka" key-aria-level="ph-near-by-jobs-v2-default-qi5top-GukjkW" instance-id="nXt7Ac-SqY43m" data-ph-id="ph-page-element-page7-WcCmhi"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-iVQN06"> <div class="job-location-count" data-ph-id="ph-page-element-page7-zZ74I8"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-PswaWR"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-gorkaT"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-PNg9XT"> <span data-ph-id="ph-page-element-page7-SweH7O"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-9tU4Ow"></i> </span> <span data-ph-id="ph-page-element-page7-FoC3ba"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-ewtj6H"> <span class="sr-only" data-ph-id="ph-page-element-page7-Sf896Z">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-XepRFn"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-TjlMGF">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-CyTsav">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-cV8PP1">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-xsLmLI">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-O9Kxc3"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-usWmJO"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-bHHnkr"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-Ok0T2F"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-XJncVh"> <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-14xoyR" instance-id="nXt7Ac-kzCgP2" data-ph-id="ph-page-element-page7-fUBHeI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-4AKtJV"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-Z3YfPr"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-qi5top-BDUObu" key-aria-level="ph-near-by-jobs-v2-default-qi5top-JIOg8e" instance-id="nXt7Ac-WY8VT0" data-ph-id="ph-page-element-page7-SLwYWD"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-nEy9pP"> <div class="job-location-count" data-ph-id="ph-page-element-page7-AJPTQf"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-Ybb2it"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-LtLLuB"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-UkfoeC"> <span data-ph-id="ph-page-element-page7-3jEtmO"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-96gTPB"></i> </span> <span data-ph-id="ph-page-element-page7-EEWxC1"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-3XphPP"> <div aria-atomic="true" aria-live="assertive" instance-id="5nxvuE" data-ph-id="ph-page-element-page7-Yn32L1"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-J7CuAP" 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-X5yYru" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-BCmAoQ" instance-id="5nxvuE-9IQ4mj" data-ph-id="ph-page-element-page7-49GuDt"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-CUq49z"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-8gT30X"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-FbUUY8" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-qi5top-M1g11y" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-VDegk7" instance-id="5nxvuE-B8hPze" data-ph-id="ph-page-element-page7-Vw1Y5V"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-oqPGaP"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-X29xm1"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-wGQMyc" 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-roOCxU" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-cLMAX6" instance-id="5nxvuE-n4uKVA" data-ph-id="ph-page-element-page7-8MV51b"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-MoHmQK"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-Dr7145"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-agpDPZ" 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-pmc41F" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-4NLnuT" instance-id="5nxvuE-WRcfDW" data-ph-id="ph-page-element-page7-CyPYiH"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-6JxiOW"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-keZKEi"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-rayatt"> <p data-ph-id="ph-page-element-page7-cfoRVC"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-ehVrsZ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-qKir3H"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-view3-1674553599586" nonce=""><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Global search" key-aria-label="ALGKq4-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-48svZB"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-v2cPV3"> <div class="dynamic-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-psiLOV"> <h1 data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-HNqblY"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2qyBCc"> <h6 data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-xKJNtk"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ARDUrS"> <div class="input-group" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-fuqxAm"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-IMBW6y"> <div data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-4DHZRN"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="xIyiAx-ALGKq4-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-fyY2IC"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-e1bwOF"></i> </button> <label class="sr-only" for="typehead" key="ALGKq4-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-P6b5L7"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-1656707095597-93">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="ALGKq4-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-o2OAIr"> <span class="search-sym" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-tI4RU1"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-glGBbA"></i> </span> <button ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-hzoUw3"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-zTdxqq"></i> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Ecweh2"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ctF2dB"> clear text</ppc-content> </span> </button> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-PQfmdt"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-lTyP3C"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-9Fq0dE"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JyWbcy"> <ppc-content key="zepxCE-ALGKq4-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-QkSHjY">Recent Searches </ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-rY91Qq"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-XpHK5Z"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-TQWLgR">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-m2QnXm"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-9BNh7Q"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-1VZgFt"> Job Categories </ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-IKtASE"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-rYhDlH"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-nB23LU"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-RE8zR3"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-EaTE3q">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-tzcV5T">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-aBLasF"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-5PZF9u"> jobs </ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-XDWmbv"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-gb3TsW"> <h2 data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-FRYpAb"> <ppc-content key="BiOpRU-ALGKq4-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-FohVvJ"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-mjNsFp"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-yyjKRm"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-PYQGoa"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-GmV88d"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-vvJ99m"> <ppc-content key="9anUvy-ALGKq4-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JAGXw8"> No locations found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-6HpZnD"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-iQsG6P"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JCqyMY"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-FmiJrY"> Jobs </ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2ztW74"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2cyLwC"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-moRk1W"> <div class="phs-job-title" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-BlErI0"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-xMZCAs"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-CyAfxR"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-grDfEm"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ZvLJ1I"> <span class="phs-job-location" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-V8VFd3"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-sdkz9D"> <ppc-content key="1Ta0T5-ALGKq4-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ep1U1G"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-7z0ZXc"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-clHwnI"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-SdAC2e"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-FY5dLX"> <h2 data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-13csAm"> <ppc-content key="ckmplL-ALGKq4-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-GgtBMO"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-rSP7im"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ABiJXk"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-G0WtIv"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ocKzrR"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-n6DIYa"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-SC8Ekc"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ty6MK0"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-NoIDEk"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-crxT01"> Location </ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-31L2or"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-P0cnFR"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-grXxms"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-RZ82LD"> <ppc-content key="3o8uKk-ALGKq4-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JOl7oC"> location </ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-7gMtrJ">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-VaUA4P"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-5xqHtb"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-AgPwuT"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-J1EKUi"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-5RVapy">Category </ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-3mwuIN"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-wE3kYi"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-kKClJU"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-g9e465"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-yRJngE"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-EUFzUY"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Muv8uG"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-D1A7zW"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-fAmzB3"> <ppc-content key="x4yvT0-ALGKq4-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-OVLj5I">Recent Searches </ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2QG0HT"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Jay7bj"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-59vSAV"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-wnU3IM"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ImOQTo"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2GVDHx"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-iGLh8k"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-e2LJLk"> suggested keywords </ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-axy5fg"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JVj5ME"> <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-1656707095597-view3-ph-global-search-v1ALGKq4-eVyhIf"> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-0sHYaR"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-PT6hX6"> suggested keywords </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="ZHqNKI-ALGKq4-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-OwNUQZ"> No suggestions available </div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Pvexop"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-8XClzd"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-urqBP5"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-AOUer4"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-bEmsku"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-09g9oD"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-63X8ZO"> <label class="sr-only" for="gllocationInput" key="LMiilK-ALGKq4-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-WuUBhc"> Enter Location </label> <div data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-q10W3J"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="8tz3Qb-ALGKq4-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-0UjZGz"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-F1z57c"></i> </button> <input type="text" id="gllocationInput" name="location" aria-label="Location" key-aria-label="ALGKq4-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Enter Location" aria-autocomplete="list" key-placeholder="ALGKq4-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-QM6oGx" /> <span class="search-sym" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-avTGEf"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Wl1TqV"></i> </span> <button class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" href="javascript:void(0)" ph-tevent="clear_searches_click" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-kpAeA1"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-wJwpnO"></i> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-vzFNDr"> <ppc-content key="2kE6aW-ALGKq4-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-pDY7T5"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-lsCqBJ"> <h2 tabindex="-1" aria-label="Location" key-aria-label="Nut2lw-ALGKq4-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-bcqMns"> <ppc-content key="wGYHQZ-ALGKq4-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-qLzUxt"> Location </ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="ALGKq4-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-oZGpi0"> <div repeat.for="eachLocation of allLocations" role="option" key-role="y7K6tL-ALGKq4-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-C782oO"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-aLuUtD"> <span class="phs-jobs-category" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Vnq2du">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-azC96l">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-8ISnzU"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ztUQbA">jobs </ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-3c3A3S"> <ppc-content key="ALGKq4-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-bTq99l"> No locations found </ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-W1JhoI"> <label class="sr-only" for="gllocationInput" key="7Lf3GH-ALGKq4-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-43Jekp"> Enter Location </label> <div data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ioA0wE"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="ALGKq4-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Eoqdjt"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Ae57FB"></i> </button> <input type="text" id="gllocationInput" name="location" key-aria-label="ALGKq4-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Enter location" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="ALGKq4-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-dezr6s" /> <span class="search-sym" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-4zN4fx"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-cSd4Un"></i> </span> <button class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-k2LSkP"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-BQvwrV"></i> <span class="sr-only" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Am6aJz"> <ppc-content key="lgVBvi-ALGKq4-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-oIpMcO"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-1sYM3I"> <h2 key-aria-label="d2mlPa-ALGKq4-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ApCxlN"> <ppc-content key="cX4dvl-ALGKq4-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-SWfgSC"> Location </ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="ALGKq4-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-qiyK1E"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="AnLIdG-ALGKq4-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-ZyujDb"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-64gfR5"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-pnEheR"> <ppc-content key="VjhEPm-ALGKq4-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-cLpHqj"> No locations found </ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-MVuSYh"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-QFMkXc"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-1Xg218"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-2zliUV">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-JFkixu"> <span if.bind="resultsUpdated" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-rYVksu"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="ALGKq4-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-NuU693"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="ALGKq4-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-T65UbG"> ${suggestedJobResults.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="A32ZDG-ALGKq4-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-6qLjLk"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="ALGKq4-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-d43P8p"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="ALGKq4-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-Kor27Q"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="ALGKq4-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-88iG2Y"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="ALGKq4-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-LBg7p8"> No results found </span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-fArSnV"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-PFyOkA"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-o9g5rZ"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-a6Yw0Z"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-1656707095597-view3-ph-global-search-v1ALGKq4-mUAeJO"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306014330-view10" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797530112938319-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="UcqVmb-ph-category-overview-v3-view10-regionRole" aria-label="Explore your future" key-aria-label="EQCF5I-UcqVmb-ph-category-overview-v3-view10-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797530112938319-3"> <div class="widget-container" data-ph-id="ph-widget-element-797530112938319-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797530112938319-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797530112938319-6"> <ppc-content key="kVw1AC-UcqVmb-ph-category-overview-v3-view10-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797530112938319-7"> Explore your future </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797530112938319-8"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797530112938319-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797530112938319-10"> <div class="${mode}" data-ph-id="ph-widget-element-797530112938319-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow} category-column" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797530112938319-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797530112938319-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key +' '+ category.total_count + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-widget-element-797530112938319-14"> <figure role="presentation" key-role="JIH8UJ-UcqVmb-ph-category-overview-v3-view10-presentationRole" data-ph-id="ph-widget-element-797530112938319-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="" key-alt="MA5DJv-UcqVmb-ph-category-overview-v3-view10-categoryImages" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797530112938319-16"> <img ph-src="${category.hover_image}" alt="" key-alt="D0AGcw-UcqVmb-ph-category-overview-v3-view10-categoryImagesHover" class="img-responsive ph-image iconHoverImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-797530112938319-17"> </img></img></figure> <div class="category-info" data-ph-id="ph-widget-element-797530112938319-18"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797530112938319-19">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-20"> <span data-ph-id="ph-widget-element-797530112938319-21">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-22"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-23"> <span data-ph-id="ph-widget-element-797530112938319-24">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-25"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-26"> <span data-ph-id="ph-widget-element-797530112938319-27">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-28"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <!-- aria-label="${category.key} ${category.total_count} jobs"--> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-797530112938319-29"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key +' '+ category.total_count + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-widget-element-797530112938319-30"> <figure role="presentation" key-role="6lckJP-UcqVmb-ph-category-overview-v3-view10-presentationRole" data-ph-id="ph-widget-element-797530112938319-31"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="" key-alt="1PYSIN-UcqVmb-ph-category-overview-v3-view10-categoryImages" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797530112938319-32"> <img ph-src="${category.hover_image}" alt="" key-alt="9lDYXU-UcqVmb-ph-category-overview-v3-view10-categoryImagesHover" class="img-responsive ph-image iconHoverImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-797530112938319-33"> </img></img></figure> <div class="category-info" data-ph-id="ph-widget-element-797530112938319-34"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797530112938319-35">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-36"> <span data-ph-id="ph-widget-element-797530112938319-37">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-38"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-39"> <span data-ph-id="ph-widget-element-797530112938319-40">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-41"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797530112938319-42"> <span data-ph-id="ph-widget-element-797530112938319-43">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797530112938319-44"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797530112938319-45"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="UcqVmb-ph-category-overview-v3-view10-showMoreActionTitleText" key-aria-label="UcqVmb-ph-category-overview-v3-view10-showMoreActionAriaLabelText" key-role="UcqVmb-ph-category-overview-v3-view10-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797530112938319-46"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797530112938319-47"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="UcqVmb-ph-category-overview-v3-view10-viewNextActionTitleText" key-aria-label="UcqVmb-ph-category-overview-v3-view10-viewNextActionAriaLabelText" key-role="UcqVmb-ph-category-overview-v3-view10-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797530112938319-48"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797530112938319-49"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="UcqVmb-ph-category-overview-v3-view10-viewAllActionTitleText" key-aria-label="UcqVmb-ph-category-overview-v3-view10-viewAllActionAriaLabelText" key-role="UcqVmb-ph-category-overview-v3-view10-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797530112938319-50"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797530112938319-51"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="UcqVmb-ph-category-overview-v3-view10-showLessActionTitleText" key-aria-label="UcqVmb-ph-category-overview-v3-view10-showLessActionAriaLabelText" key-role="UcqVmb-ph-category-overview-v3-view10-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797530112938319-52"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797530112938319-53"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797530112938319-54"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="JnzY25-UcqVmb-ph-category-overview-v3-view10-previousSlideActionTitleText" key-aria-label="sTRNG2-UcqVmb-ph-category-overview-v3-view10-previousSlideActionAriaLabelText" key-role="Lz1VUn-UcqVmb-ph-category-overview-v3-view10-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797530112938319-55"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797530112938319-56"></i> <ppc-content key="RsAzyp-UcqVmb-ph-category-overview-v3-view10-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797530112938319-57"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="hMk8mQ-UcqVmb-ph-category-overview-v3-view10-nextSlideActionTitleText" key-aria-label="8FoM81-UcqVmb-ph-category-overview-v3-view10-nextSlideActionAriaLabelText" key-role="0k9zhj-UcqVmb-ph-category-overview-v3-view10-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797530112938319-58"> <ppc-content key="Jk8yCa-UcqVmb-ph-category-overview-v3-view10-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797530112938319-59"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797530112938319-60"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797530112938319-61"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797530112938319-62"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797530112938319-63"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="8EVXeU-UcqVmb-ph-category-overview-v3-view10-previousSlideActionTitleText" key-aria-label="Ed46n1-UcqVmb-ph-category-overview-v3-view10-previousSlideActionAriaLabelText" key-role="cQ6TXr-UcqVmb-ph-category-overview-v3-view10-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797530112938319-64"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797530112938319-65"></i> <ppc-content key="JHXxJ3-UcqVmb-ph-category-overview-v3-view10-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797530112938319-66"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="uNdhe9-UcqVmb-ph-category-overview-v3-view10-nextSlideActionTitleText" key-aria-label="gQRrxu-UcqVmb-ph-category-overview-v3-view10-nextSlideActionAriaLabelText" key-role="m33AXr-UcqVmb-ph-category-overview-v3-view10-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797530112938319-67"> <ppc-content key="oCq9nH-UcqVmb-ph-category-overview-v3-view10-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797530112938319-68"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797530112938319-69"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797530112938319-70"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797530112938319-71"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797530112938319-72"> <p data-ph-id="ph-widget-element-797530112938319-73"> <ppc-content key="UcqVmb-ph-category-overview-v3-view10-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797530112938319-74"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306023262-view14" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797355170303592-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="0KEwMx-ph-category-overview-v3-view14-regionRole" aria-label="Browse by Job Categories" key-aria-label="acFozJ-0KEwMx-ph-category-overview-v3-view14-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797355170303592-3"> <div class="widget-container" data-ph-id="ph-widget-element-797355170303592-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797355170303592-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797355170303592-6"> <ppc-content key="aPXBGl-0KEwMx-ph-category-overview-v3-view14-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797355170303592-7"> Browse by Job Categories </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797355170303592-8"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797355170303592-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797355170303592-10"> <div class="${mode}" data-ph-id="ph-widget-element-797355170303592-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797355170303592-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797355170303592-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797355170303592-14"> <!-- <figure> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image"> </figure> --> <div class="category-info" data-ph-id="ph-widget-element-797355170303592-15"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797355170303592-16">${category.key}</p> <p class="job-description" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-widget-element-797355170303592-17"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-18"> <span data-ph-id="ph-widget-element-797355170303592-19">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-20">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-21"> <span data-ph-id="ph-widget-element-797355170303592-22">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-23">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-24"> <span data-ph-id="ph-widget-element-797355170303592-25">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-26">(${category.total_count})</span> </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div repeat.for="category of categoryViewModel" show.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" data-ph-id="ph-widget-element-797355170303592-27"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797355170303592-28"> <!-- <figure> <img src="https://cdn.phenompeople.com/CareerConnectResources/PHENA0059/en_us/desktop/assets/images/header_hero.jpg" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image"> </figure> --> <div class="category-info" data-ph-id="ph-widget-element-797355170303592-29"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797355170303592-30">${category.key}</p> <p class="job-description" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-widget-element-797355170303592-31"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-32"> <span data-ph-id="ph-widget-element-797355170303592-33">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-34">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-35"> <span data-ph-id="ph-widget-element-797355170303592-36">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-37">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797355170303592-38"> <span data-ph-id="ph-widget-element-797355170303592-39">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797355170303592-40">(${category.total_count})</span> </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797355170303592-41"> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="0KEwMx-ph-category-overview-v3-view14-showMoreActionTitleText" key-aria-label="0KEwMx-ph-category-overview-v3-view14-showMoreActionAriaLabelText" key-role="0KEwMx-ph-category-overview-v3-view14-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797355170303592-42"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797355170303592-43"> Show More </ppc-content> </a> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="0KEwMx-ph-category-overview-v3-view14-viewNextActionTitleText" key-aria-label="0KEwMx-ph-category-overview-v3-view14-viewNextActionAriaLabelText" key-role="0KEwMx-ph-category-overview-v3-view14-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797355170303592-44"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797355170303592-45"> View Next </ppc-content> </a> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="0KEwMx-ph-category-overview-v3-view14-viewAllActionTitleText" key-aria-label="0KEwMx-ph-category-overview-v3-view14-viewAllActionAriaLabelText" key-role="0KEwMx-ph-category-overview-v3-view14-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797355170303592-46"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797355170303592-47"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="0KEwMx-ph-category-overview-v3-view14-showLessActionTitleText" key-aria-label="0KEwMx-ph-category-overview-v3-view14-showLessActionAriaLabelText" key-role="0KEwMx-ph-category-overview-v3-view14-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797355170303592-48"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797355170303592-49"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797355170303592-50"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="HzEouL-0KEwMx-ph-category-overview-v3-view14-previousSlideActionTitleText" key-aria-label="GBYR7W-0KEwMx-ph-category-overview-v3-view14-previousSlideActionAriaLabelText" key-role="366UQE-0KEwMx-ph-category-overview-v3-view14-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797355170303592-51"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797355170303592-52"></i> <ppc-content key="KBz53p-0KEwMx-ph-category-overview-v3-view14-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797355170303592-53"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="7bw148-0KEwMx-ph-category-overview-v3-view14-nextSlideActionTitleText" key-aria-label="Jx1d1W-0KEwMx-ph-category-overview-v3-view14-nextSlideActionAriaLabelText" key-role="PKbnXK-0KEwMx-ph-category-overview-v3-view14-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797355170303592-54"> <ppc-content key="bSE5yS-0KEwMx-ph-category-overview-v3-view14-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797355170303592-55"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797355170303592-56"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797355170303592-57"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797355170303592-58"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797355170303592-59"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="9rKBum-0KEwMx-ph-category-overview-v3-view14-previousSlideActionTitleText" key-aria-label="uLqBm8-0KEwMx-ph-category-overview-v3-view14-previousSlideActionAriaLabelText" key-role="ikLEaH-0KEwMx-ph-category-overview-v3-view14-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797355170303592-60"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797355170303592-61"></i> <ppc-content key="mrG8iI-0KEwMx-ph-category-overview-v3-view14-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797355170303592-62"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="q1BHzh-0KEwMx-ph-category-overview-v3-view14-nextSlideActionTitleText" key-aria-label="YjB9k0-0KEwMx-ph-category-overview-v3-view14-nextSlideActionAriaLabelText" key-role="di5enW-0KEwMx-ph-category-overview-v3-view14-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797355170303592-63"> <ppc-content key="Zvtbl7-0KEwMx-ph-category-overview-v3-view14-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797355170303592-64"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797355170303592-65"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797355170303592-66"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797355170303592-67"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797355170303592-68"> <p data-ph-id="ph-widget-element-797355170303592-69"> <ppc-content key="0KEwMx-ph-category-overview-v3-view14-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797355170303592-70"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306032443-view17" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797364347746844-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="QBpyUY-ph-category-overview-v3-view17-regionRole" aria-label="Browse by Job Categories" key-aria-label="BiesDx-QBpyUY-ph-category-overview-v3-view17-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797364347746844-3"> <div class="widget-container" data-ph-id="ph-widget-element-797364347746844-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797364347746844-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797364347746844-6"> <ppc-content key="WUTVgq-QBpyUY-ph-category-overview-v3-view17-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797364347746844-7"> Browse by Job Categories </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797364347746844-8"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797364347746844-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797364347746844-10"> <div class="${mode}" data-ph-id="ph-widget-element-797364347746844-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797364347746844-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797364347746844-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797364347746844-14"> <figure key-role="pPxawg-QBpyUY-ph-category-overview-v3-view17-presentationRole" role="presentation" data-ph-id="ph-widget-element-797364347746844-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797364347746844-16"> <!-- <img ph-src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image-hover"> --> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797364347746844-17"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797364347746844-18">${category.key}</p> <p class="job-description" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-widget-element-797364347746844-19"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-20"> <span data-ph-id="ph-widget-element-797364347746844-21">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-22">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-23"> <span data-ph-id="ph-widget-element-797364347746844-24">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-25">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-26"> <span data-ph-id="ph-widget-element-797364347746844-27">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-28">(${category.total_count})</span> </span> </p> </div> </a> </div> <div repeat.for="category of categoryViewModel" show.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" data-ph-id="ph-widget-element-797364347746844-29"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797364347746844-30"> <figure key-role="h1m5TM-QBpyUY-ph-category-overview-v3-view17-presentationRole" role="presentation" data-ph-id="ph-widget-element-797364347746844-31"> <img if.bind="category && category.icon_image" src="${category.icon_image}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" alt="" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797364347746844-32"> <!-- <img ph-src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image-hover"> --> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797364347746844-33"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797364347746844-34">${category.key}</p> <p class="job-description" alt="" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-widget-element-797364347746844-35"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-36"> <span data-ph-id="ph-widget-element-797364347746844-37">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-38">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-39"> <span data-ph-id="ph-widget-element-797364347746844-40">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-41">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797364347746844-42"> <span data-ph-id="ph-widget-element-797364347746844-43">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-797364347746844-44">(${category.total_count})</span> </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797364347746844-45"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="QBpyUY-ph-category-overview-v3-view17-showMoreActionTitleText" key-aria-label="QBpyUY-ph-category-overview-v3-view17-showMoreActionAriaLabelText" key-role="QBpyUY-ph-category-overview-v3-view17-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797364347746844-46"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797364347746844-47"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="QBpyUY-ph-category-overview-v3-view17-viewNextActionTitleText" key-aria-label="QBpyUY-ph-category-overview-v3-view17-viewNextActionAriaLabelText" key-role="QBpyUY-ph-category-overview-v3-view17-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797364347746844-48"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797364347746844-49"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="QBpyUY-ph-category-overview-v3-view17-viewAllActionTitleText" key-aria-label="QBpyUY-ph-category-overview-v3-view17-viewAllActionAriaLabelText" key-role="QBpyUY-ph-category-overview-v3-view17-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797364347746844-50"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797364347746844-51"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="QBpyUY-ph-category-overview-v3-view17-showLessActionTitleText" key-aria-label="QBpyUY-ph-category-overview-v3-view17-showLessActionAriaLabelText" key-role="QBpyUY-ph-category-overview-v3-view17-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797364347746844-52"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797364347746844-53"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797364347746844-54"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="upoNe1-QBpyUY-ph-category-overview-v3-view17-previousSlideActionTitleText" key-aria-label="jeflbT-QBpyUY-ph-category-overview-v3-view17-previousSlideActionAriaLabelText" key-role="6MFWrf-QBpyUY-ph-category-overview-v3-view17-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797364347746844-55"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797364347746844-56"></i> <ppc-content key="LNXKRK-QBpyUY-ph-category-overview-v3-view17-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797364347746844-57"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="WE8s7P-QBpyUY-ph-category-overview-v3-view17-nextSlideActionTitleText" key-aria-label="PFJQjI-QBpyUY-ph-category-overview-v3-view17-nextSlideActionAriaLabelText" key-role="mv3g4U-QBpyUY-ph-category-overview-v3-view17-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797364347746844-58"> <ppc-content key="5UBi40-QBpyUY-ph-category-overview-v3-view17-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797364347746844-59"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797364347746844-60"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797364347746844-61"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797364347746844-62"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797364347746844-63"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="00WOby-QBpyUY-ph-category-overview-v3-view17-previousSlideActionTitleText" key-aria-label="S3jOAS-QBpyUY-ph-category-overview-v3-view17-previousSlideActionAriaLabelText" key-role="Ldo8Vy-QBpyUY-ph-category-overview-v3-view17-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797364347746844-64"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797364347746844-65"></i> <ppc-content key="izYhpi-QBpyUY-ph-category-overview-v3-view17-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797364347746844-66"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="pQTXRS-QBpyUY-ph-category-overview-v3-view17-nextSlideActionTitleText" key-aria-label="coT6kd-QBpyUY-ph-category-overview-v3-view17-nextSlideActionAriaLabelText" key-role="jMFq0A-QBpyUY-ph-category-overview-v3-view17-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797364347746844-67"> <ppc-content key="HPEIwu-QBpyUY-ph-category-overview-v3-view17-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797364347746844-68"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797364347746844-69"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797364347746844-70"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797364347746844-71"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797364347746844-72"> <p data-ph-id="ph-widget-element-797364347746844-73"> <ppc-content key="QBpyUY-ph-category-overview-v3-view17-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797364347746844-74"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306040564-view2" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797372506590728-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="A5nozn-ph-category-overview-v3-view2-regionRole" aria-label="Explore your future" key-aria-label="JArtaL-A5nozn-ph-category-overview-v3-view2-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797372506590728-3"> <div class="widget-container" data-ph-id="ph-widget-element-797372506590728-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797372506590728-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797372506590728-6"> <ppc-content key="odj6Ln-A5nozn-ph-category-overview-v3-view2-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797372506590728-7"> Explore your future </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797372506590728-8"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797372506590728-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797372506590728-10"> <div class="${mode}" data-ph-id="ph-widget-element-797372506590728-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797372506590728-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797372506590728-13"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} jobs" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797372506590728-14"> <div class="category-info" data-ph-id="ph-widget-element-797372506590728-15"> <figure data-ph-id="ph-widget-element-797372506590728-16"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797372506590728-17" /> <img if.bind="category && category.hover_image" src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-797372506590728-18" /> </figure> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797372506590728-19">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-20"> <span data-ph-id="ph-widget-element-797372506590728-21">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-22"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-23"> <span data-ph-id="ph-widget-element-797372506590728-24">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-25"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-26"> <span data-ph-id="ph-widget-element-797372506590728-27">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-28"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-797372506590728-29"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} jobs" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797372506590728-30"> <figure data-ph-id="ph-widget-element-797372506590728-31"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797372506590728-32"> <img if.bind="category && category.hover_image" src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-797372506590728-33"> </img></img></figure> <div class="category-info" data-ph-id="ph-widget-element-797372506590728-34"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-797372506590728-35">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-36"> <span data-ph-id="ph-widget-element-797372506590728-37">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-38"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-39"> <span data-ph-id="ph-widget-element-797372506590728-40">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-41"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797372506590728-42"> <span data-ph-id="ph-widget-element-797372506590728-43">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797372506590728-44"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797372506590728-45"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="btn action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="A5nozn-ph-category-overview-v3-view2-showMoreActionTitleText" key-aria-label="A5nozn-ph-category-overview-v3-view2-showMoreActionAriaLabelText" key-role="A5nozn-ph-category-overview-v3-view2-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797372506590728-46"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797372506590728-47"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="btn action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="A5nozn-ph-category-overview-v3-view2-viewNextActionTitleText" key-aria-label="A5nozn-ph-category-overview-v3-view2-viewNextActionAriaLabelText" key-role="A5nozn-ph-category-overview-v3-view2-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797372506590728-48"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797372506590728-49"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="btn action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="A5nozn-ph-category-overview-v3-view2-viewAllActionTitleText" key-aria-label="A5nozn-ph-category-overview-v3-view2-viewAllActionAriaLabelText" key-role="A5nozn-ph-category-overview-v3-view2-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797372506590728-50"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797372506590728-51"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="btn action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="A5nozn-ph-category-overview-v3-view2-showLessActionTitleText" key-aria-label="A5nozn-ph-category-overview-v3-view2-showLessActionAriaLabelText" key-role="A5nozn-ph-category-overview-v3-view2-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797372506590728-52"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797372506590728-53"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797372506590728-54"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="XEMRgc-A5nozn-ph-category-overview-v3-view2-previousSlideActionTitleText" key-aria-label="SexJab-A5nozn-ph-category-overview-v3-view2-previousSlideActionAriaLabelText" key-role="KDMDz3-A5nozn-ph-category-overview-v3-view2-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797372506590728-55"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797372506590728-56"></i> <ppc-content key="0WnKyq-A5nozn-ph-category-overview-v3-view2-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797372506590728-57"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="eQbnqx-A5nozn-ph-category-overview-v3-view2-nextSlideActionTitleText" key-aria-label="ICk5w1-A5nozn-ph-category-overview-v3-view2-nextSlideActionAriaLabelText" key-role="s1r0Wu-A5nozn-ph-category-overview-v3-view2-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797372506590728-58"> <ppc-content key="blqMIX-A5nozn-ph-category-overview-v3-view2-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797372506590728-59"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797372506590728-60"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797372506590728-61"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797372506590728-62"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797372506590728-63"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="vwxxOp-A5nozn-ph-category-overview-v3-view2-previousSlideActionTitleText" key-aria-label="HDZYvR-A5nozn-ph-category-overview-v3-view2-previousSlideActionAriaLabelText" key-role="ajYGO4-A5nozn-ph-category-overview-v3-view2-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797372506590728-64"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797372506590728-65"></i> <ppc-content key="Nc6ubh-A5nozn-ph-category-overview-v3-view2-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797372506590728-66"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="45hUI3-A5nozn-ph-category-overview-v3-view2-nextSlideActionTitleText" key-aria-label="Xs9l62-A5nozn-ph-category-overview-v3-view2-nextSlideActionAriaLabelText" key-role="XhkY8S-A5nozn-ph-category-overview-v3-view2-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797372506590728-67"> <ppc-content key="D2JfLT-A5nozn-ph-category-overview-v3-view2-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797372506590728-68"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797372506590728-69"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797372506590728-70"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797372506590728-71"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797372506590728-72"> <p data-ph-id="ph-widget-element-797372506590728-73"> <ppc-content key="A5nozn-ph-category-overview-v3-view2-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797372506590728-74"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306055454-view6" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797387363298276-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="awJWf8-ph-category-overview-v3-view6-regionRole" aria-label="Explore your future" key-aria-label="rFX0Hw-awJWf8-ph-category-overview-v3-view6-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797387363298276-3"> <div class="widget-container" data-ph-id="ph-widget-element-797387363298276-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797387363298276-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797387363298276-6"> <ppc-content key="Fqq0d1-awJWf8-ph-category-overview-v3-view6-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797387363298276-7"> Explore your future </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797387363298276-8"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797387363298276-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797387363298276-10"> <div class="${mode}" data-ph-id="ph-widget-element-797387363298276-11"> <div ph-role="data.bind:categoryViewModel" if.bind="categoryViewModel.length" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797387363298276-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797387363298276-13"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797387363298276-14"> <figure data-ph-id="ph-widget-element-797387363298276-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797387363298276-16"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797387363298276-17"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-797387363298276-18">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-19"> <span data-ph-id="ph-widget-element-797387363298276-20">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-21">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-22"> <span data-ph-id="ph-widget-element-797387363298276-23">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-24">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-25"> <span data-ph-id="ph-widget-element-797387363298276-26">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-27">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> <!-- aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'Jobs' :'Job'}" --> <div if.bind="mode != 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-797387363298276-28"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count} " data-ph-id="ph-widget-element-797387363298276-29"> <figure data-ph-id="ph-widget-element-797387363298276-30"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797387363298276-31"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797387363298276-32"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-797387363298276-33">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-34"> <span data-ph-id="ph-widget-element-797387363298276-35">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-36">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-37"> <span data-ph-id="ph-widget-element-797387363298276-38">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-39">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797387363298276-40"> <span data-ph-id="ph-widget-element-797387363298276-41">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797387363298276-42">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797387363298276-43"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="awJWf8-ph-category-overview-v3-view6-showMoreActionTitleText" key-aria-label="awJWf8-ph-category-overview-v3-view6-showMoreActionAriaLabelText" key-role="awJWf8-ph-category-overview-v3-view6-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797387363298276-44"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797387363298276-45"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="awJWf8-ph-category-overview-v3-view6-viewNextActionTitleText" key-aria-label="awJWf8-ph-category-overview-v3-view6-viewNextActionAriaLabelText" key-role="awJWf8-ph-category-overview-v3-view6-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797387363298276-46"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797387363298276-47"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="awJWf8-ph-category-overview-v3-view6-viewAllActionTitleText" key-aria-label="awJWf8-ph-category-overview-v3-view6-viewAllActionAriaLabelText" key-role="awJWf8-ph-category-overview-v3-view6-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797387363298276-48"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797387363298276-49"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="awJWf8-ph-category-overview-v3-view6-showLessActionTitleText" key-aria-label="awJWf8-ph-category-overview-v3-view6-showLessActionAriaLabelText" key-role="awJWf8-ph-category-overview-v3-view6-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797387363298276-50"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797387363298276-51"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797387363298276-52"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="nfnXiO-awJWf8-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="VEV83t-awJWf8-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="drQgvN-awJWf8-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797387363298276-53"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797387363298276-54"></i> <ppc-content key="srCfJW-awJWf8-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797387363298276-55"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="4LsGxo-awJWf8-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="FO3Qfe-awJWf8-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="rhIHa6-awJWf8-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797387363298276-56"> <ppc-content key="GsRx0K-awJWf8-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797387363298276-57"> Next </ppc-content><i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797387363298276-58"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797387363298276-59"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797387363298276-60"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797387363298276-61"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="HN7v3g-awJWf8-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="h3h3bK-awJWf8-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="gpD93F-awJWf8-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797387363298276-62"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797387363298276-63"></i> <ppc-content key="3zT09Y-awJWf8-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797387363298276-64"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="ObEWsI-awJWf8-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="fNDUet-awJWf8-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="cVfQlB-awJWf8-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797387363298276-65"> <ppc-content key="3rIssn-awJWf8-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797387363298276-66"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797387363298276-67"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797387363298276-68"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797387363298276-69"> </a> </div> </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797387363298276-70"> <p data-ph-id="ph-widget-element-797387363298276-71"> <ppc-content key="awJWf8-ph-category-overview-v3-view6-NoCategoriestext" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797387363298276-72"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1676306070936-view6" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-797090930756441-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="b2SONf-ph-category-overview-v3-view6-regionRole" aria-label="Explore your future" key-aria-label="WXKMEg-b2SONf-ph-category-overview-v3-view6-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-797090930756441-3"> <div class="widget-container" data-ph-id="ph-widget-element-797090930756441-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-797090930756441-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-797090930756441-6"> <ppc-content key="GZadRF-b2SONf-ph-category-overview-v3-view6-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-797090930756441-7"> Explore your future </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-797090930756441-8"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-797090930756441-9"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-797090930756441-10"> <div class="${mode}" data-ph-id="ph-widget-element-797090930756441-11"> <div ph-role="data.bind:categoryViewModel" if.bind="categoryViewModel.length" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-797090930756441-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-797090930756441-13"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-797090930756441-14"> <figure data-ph-id="ph-widget-element-797090930756441-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797090930756441-16"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797090930756441-17"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-797090930756441-18">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-19"> <span data-ph-id="ph-widget-element-797090930756441-20">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-21">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-22"> <span data-ph-id="ph-widget-element-797090930756441-23">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-24">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-25"> <span data-ph-id="ph-widget-element-797090930756441-26">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-27">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> <!-- aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'Jobs' :'Job'}" --> <div if.bind="mode != 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-797090930756441-28"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count} " data-ph-id="ph-widget-element-797090930756441-29"> <figure data-ph-id="ph-widget-element-797090930756441-30"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-797090930756441-31"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-797090930756441-32"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-797090930756441-33">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-34"> <span data-ph-id="ph-widget-element-797090930756441-35">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-36">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-37"> <span data-ph-id="ph-widget-element-797090930756441-38">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-39">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-797090930756441-40"> <span data-ph-id="ph-widget-element-797090930756441-41">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-797090930756441-42">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-797090930756441-43"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="b2SONf-ph-category-overview-v3-view6-showMoreActionTitleText" key-aria-label="b2SONf-ph-category-overview-v3-view6-showMoreActionAriaLabelText" key-role="b2SONf-ph-category-overview-v3-view6-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-797090930756441-44"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-797090930756441-45"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="b2SONf-ph-category-overview-v3-view6-viewNextActionTitleText" key-aria-label="b2SONf-ph-category-overview-v3-view6-viewNextActionAriaLabelText" key-role="b2SONf-ph-category-overview-v3-view6-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-797090930756441-46"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-797090930756441-47"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="b2SONf-ph-category-overview-v3-view6-viewAllActionTitleText" key-aria-label="b2SONf-ph-category-overview-v3-view6-viewAllActionAriaLabelText" key-role="b2SONf-ph-category-overview-v3-view6-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-797090930756441-48"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-797090930756441-49"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="b2SONf-ph-category-overview-v3-view6-showLessActionTitleText" key-aria-label="b2SONf-ph-category-overview-v3-view6-showLessActionAriaLabelText" key-role="b2SONf-ph-category-overview-v3-view6-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-797090930756441-50"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-797090930756441-51"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797090930756441-52"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="68TuYV-b2SONf-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="T14Sn9-b2SONf-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="5TpKlJ-b2SONf-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797090930756441-53"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797090930756441-54"></i> <ppc-content key="yPXl4z-b2SONf-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797090930756441-55"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="9dSmd5-b2SONf-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="JqMKb3-b2SONf-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="e9D9Aj-b2SONf-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797090930756441-56"> <ppc-content key="jPzFIs-b2SONf-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797090930756441-57"> Next </ppc-content><i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797090930756441-58"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797090930756441-59"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797090930756441-60"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-797090930756441-61"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="cF3FCH-b2SONf-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="jenJsn-b2SONf-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="CQAo7r-b2SONf-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-797090930756441-62"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-797090930756441-63"></i> <ppc-content key="ZsE9kg-b2SONf-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-797090930756441-64"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="r8vjh3-b2SONf-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="ZYHrkv-b2SONf-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="tyOeS9-b2SONf-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-797090930756441-65"> <ppc-content key="gCBzfD-b2SONf-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-797090930756441-66"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-797090930756441-67"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-797090930756441-68"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-797090930756441-69"> </a> </div> </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-797090930756441-70"> <p data-ph-id="ph-widget-element-797090930756441-71"> <ppc-content key="b2SONf-ph-category-overview-v3-view6-NoCategoriestext" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-797090930756441-72"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1639062133939" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page7-0tQPHM"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page7-2Qs3D4"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page7-BMPTQG"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-QhzPQb" style="background-color: rgba(250,250,250,1) ;"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-3Hcn7T"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page7-0sI3PE"> <div class="widget-container" data-ph-id="ph-page-element-page7-3jb0Dx"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page7-352vXl"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page7-1eSVxq"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page7-4I1cBo"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Pz8Ax9" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-CXj06J" language-overriden="true">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-ul0TtW"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-aLWNB7" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-GUVb6W" language-overriden="true"><div><span class="darkar">Get tailored job recommendations based on your interests.</span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page7-t1xCyn"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-cAFHlw" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page7-8pRKz4"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-uh2xQr" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page7-vKXJhj" language-overriden="true"> Get Started </ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-page-element-page7-0JlxZk"> <div class="widget-container" data-ph-id="ph-page-element-page7-NOUgPQ"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page7-L4Bbzb"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page7-syZkK7"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page7-hyrxeD"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-page-element-page7-s5aWJu"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page7-pNAges"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-VJJ51L"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-scvV7Z" data-ph-id="ph-page-element-page7-DcbehR" 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-page-element-page7-93Haab"> ${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-page-element-page7-5lc2P6"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-page-element-page7-IxFJ02"> <span class="recom-text" data-ph-id="ph-page-element-page7-nJttmo">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName":profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page7-tMoU39"> <span class="recom-text" data-ph-id="ph-page-element-page7-cuQVL8"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-wj1WDs" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-khWoJG" language-overriden="true"> Your personalized site and job recommendations are ready. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="ph-find-your-fit-container-v1-default-ai8eoj-S1bweM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ThUJ3j" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-lmJPqK" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-wqzboI" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-bKdYpe" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-pMU7Vs" language-overriden="true"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="ph-find-your-fit-container-v1-default-ai8eoj-OtW4by" data-ph-id="ph-page-element-page7-15KvFP" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page7-MFw8uN">Sign up</a> <span data-ph-id="ph-page-element-page7-pXu7ga"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-page-element-page7-edSjn4"> <div class="action-area-block" data-ph-id="ph-page-element-page7-5MwqHx"> <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="ph-find-your-fit-container-v1-default-ai8eoj-5iKKR8" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page7-FqaxRV"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page7-6KdIup"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page7-vk0k0k"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page7-jF2DAh"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page7-3cFVuO"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-9OInmF"> <span data-ph-id="ph-page-element-page7-4tQlrP">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-WYF8q7"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-page-element-page7-nP0mmP"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page7-EWUx97"> <ul data-ph-id="ph-page-element-page7-HI2Pya"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page7-j5ZogW"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-R4sZtY" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page7-haKtgX"> <span class="button-text" data-ph-id="ph-page-element-page7-mJ9bnr"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page7-TKoy2R"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page7-19WSOJ"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-UTTkDQ" data-ph-id="ph-page-element-page7-bZy7EI" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page7-AgmIh3"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page7-JCqH0J"> <span class="action-icon" data-ph-id="ph-page-element-page7-QEI1NZ"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page7-esWryW"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page7-VQq3tx"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page7-cEH9bp"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page7-MoXiEs" view="1639062133650-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="1639062133650-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page7-FYZoFg"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-xkS8im"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-3ZRf7w" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-ocMlPm"> <span class="action-icon" data-ph-id="ph-page-element-page7-w4lrT2"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-ERsVPw"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-RWdCVE" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page7-eIoyA0" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page7-klEC7D"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page7-2TPBBG"> <span class="action-icon" data-ph-id="ph-page-element-page7-M24zq1"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page7-kLSk3k"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page7-sgxRUD"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page7-F333Ah"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page7-UAxEUy"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page7-kNRXsa"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page7-NCcQpB"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2PB9rq" data-ph-id="ph-page-element-page7-b6IBpS" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-xDY1X1" data-ph-id="ph-page-element-page7-tDuSec"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-L6n5wB" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page7-j01E2b" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && (flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile'))" data-ph-id="ph-page-element-page7-3HDVTv"> <div class="action-area-block" data-ph-id="ph-page-element-page7-ccpVDH"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-qrlDkL" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page7-G0YwlM"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-WMOpdw" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-yqTtZ4" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page7-l2EEzB"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-6zqPUX" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page7-fpzl9T"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page7-GR201P"></i> <span data-ph-id="ph-page-element-page7-nQ7pFm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-MHC47c" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page7-Hsy8MN" language-overriden="true"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page7-Y9ePOZ"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page7-8KQYIz"> <span class="sr-only" data-ph-id="ph-page-element-page7-qiImua">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page7-i8B6p3"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page7-0uzJBF"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2PB9rq" data-ph-id="ph-page-element-page7-WXcRaX" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-xDY1X1" data-ph-id="ph-page-element-page7-CGeCwz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-L6n5wB" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page7-UOPQpn" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page7-rBFRou"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="start the job personalization" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-FlxMGM" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page7-GBVfJH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-uh2xQr" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page7-9dAa6k" language-overriden="true"> Get Started </ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page7-NoPeYc"> <div class="action-area-block" data-ph-id="ph-page-element-page7-aEzmbp"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-qrlDkL" data-ph-id="ph-page-element-page7-YtA7w6"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ECLqn3" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-2KPGKR" language-overriden="true">Edit profile</ppc-content> </a> </div> </div> </div> </div> </div> </div> <!--show upload resume and answer question --> <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-page-element-page7-atBOSx"> <div class="widget-container" data-ph-id="ph-page-element-page7-PPM4Gb"> <div class="inner-content" data-ph-id="ph-page-element-page7-p9U48s"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page7-8jmbIx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-T3223K" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-WoANsg" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page7-qXbu78"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-IC3bMA" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-Co02Pj" language-overriden="true"><div><span class="ph-XkkQ1">Either use your resume or tell us a little about yourself</span></div></ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page7-VD8aRI"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page7-CvH7ac"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-page-element-page7-P9eYFr"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2nahzs" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page7-PkvSaa" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page7-SS1hmL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2GoIvU" data-ph-at-id="or-text" data-ph-id="ph-page-element-page7-JepP7F" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" data-ph-id="ph-page-element-page7-BhLbdP"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page7-bmSZie" view="1639062133651-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="1639062133651-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page7-XpEBM2"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page7-56Z0QU"> <p class="or-text" data-ph-id="ph-page-element-page7-CKMZ39"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2GoIvU" data-ph-at-id="or-text" data-ph-id="ph-page-element-page7-pDaeF3" language-overriden="true"> or </ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-page-element-page7-5n3W00"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2nahzs" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page7-Yo75OQ" language-overriden="true"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page7-f9Jgjp"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-vgOec2"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-qLlmlj" data-ph-id="ph-page-element-page7-OuiSL1"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-rj3zTX"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-s93haG"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-6I1g1B"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-qLlmlj" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-7mGT84" language-overriden="true">Sign me up for company updates</ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-uyMQMV" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-E8Qjyw"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-SFQSwe"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page7-Rb0mBf"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page7-c23zWD"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page7-ogj87t"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-0DTOSe"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page7-T2weaC"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page7-Xs7O98"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-REQOCV"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-epzSM2"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page7-nsYbNd"> <h2 class="heading-block" data-ph-id="ph-page-element-page7-2OfGE1"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-3RhQBS" data-ph-id="ph-page-element-page7-9fzbXd" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page7-7kVo0l"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-HQwQbp" data-ph-id="ph-page-element-page7-150qSU" language-overriden="true"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-KAefpt"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-0JETyf"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-BfPwqW"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-yndvVS" aria-required="true" data-ph-id="ph-page-element-page7-pmkUr0"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-RtZ3AE"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-lejEC6"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-x5vuvi"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-Rbu6Xn" data-ph-id="ph-page-element-page7-U6mSkc" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-pb1D9c"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-FaaQGj">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-KiZWNl">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-bUj4bQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-dcSb4Y" data-ph-id="ph-page-element-page7-DxL7dA" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-EtEBEN"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-y24Nra"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-1KBzRR" data-ph-id="ph-page-element-page7-Fe2hRi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-ZtUDE4"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-Wo1bpE"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-QiRzHH"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-z7Oezf" data-ph-id="ph-page-element-page7-xZS2Oj" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-HBK4rE"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-NRSNYk"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-9skBJ7"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-BU57um"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-EkwOJp"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-lED0B8"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-ltZaG8"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-aJPIAL">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-rOnaYS"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-eB7bZ5"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-page-element-page7-xeOOoi"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-LbvUC7" data-ph-id="ph-page-element-page7-AHJEDE" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page7-efpSGL"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-page-element-page7-nme1vQ"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page7-ZxrfNI"> <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-p737KF"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-hGPQkS"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page7-6OJLUh"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page7-1rjYwE"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-bdiYdD"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-KRCiDy"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ovTPEK"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page7-rWrM8D"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-IXnB88"> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-OCmHiA"> <div data-ph-id="ph-page-element-page7-MHhmqP"> <label for="name" data-ph-id="ph-page-element-page7-dfbGRr"> <span class="sr-only" data-ph-id="ph-page-element-page7-Gd01Hg"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-diloJm"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-tLuxvN"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-OU3y9o"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-4tRcp6"> <input type="text" class="form-control ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-page-element-page7-Wg773B"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-9h0EFB"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-Q8NpfH"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page7-GBRRky"> ${widgetBundle['contactDetailsAreaNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-U9CS0y"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-98hZOt"> <div data-ph-id="ph-page-element-page7-6twRUA"> <label for="email" data-ph-id="ph-page-element-page7-DWSKjH"> <span class="sr-only" data-ph-id="ph-page-element-page7-LINg5p"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-cu9EQ1"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-bjdWQk"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-wzXV66"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-s7T2UO"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page7-FlurIh"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-VUksOP"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-l9kF9X"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page7-mZroRp"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-7UmPQI"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page7-NzFU60"> ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-bf0crP"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-eHu0Mq"> <div data-ph-id="ph-page-element-page7-6Yb4tK"> <label for="phone" data-ph-id="ph-page-element-page7-GQ36bk"> <span class="sr-only" data-ph-id="ph-page-element-page7-4hgC78"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-0OEbj5"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page7-X0HF5Z"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-hIAupt"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-QrTHiE"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page7-xWD8yh"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page7-pS8IfI"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-oREYcz"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page7-Dg4Hny"> <div data-ph-id="ph-page-element-page7-0aBz9h"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page7-VOnymQ"> <span data-ph-id="ph-page-element-page7-vWcVli"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page7-wsMIIv"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page7-dKMRVa"> <span data-ph-id="ph-page-element-page7-enFlad"> ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht } </span> </button> </div> </div> </div> </div> </div> <!-- Cancel Popup area --> <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-page-element-page7-uKFaHZ"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-JKAI8G"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-u7t6nF"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-r1YMZe"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-A1cdRT"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-pi6eGx"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page7-gvv31z"> <div data-ph-id="ph-page-element-page7-4wrxzS"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page7-oWDpJX"> <span data-ph-id="ph-page-element-page7-4mNJ5c"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page7-nDmJRq"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page7-cPs7kK"> <span data-ph-id="ph-page-element-page7-G2hnbh"> ${widgetBundle['resumeCancelPopupContinueBtn'] | pht} </span> </button> </div> </div> </div> </div> <!-- Job Title area --> <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page7-RwNBeF"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page7-e22GBI"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-GnjraJ"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-OugsYi"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page7-ZpcuaB"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page7-rSiyox"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page7-vUdmBt"> <div class="input-group" data-ph-id="ph-page-element-page7-IcPPfS"> <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page7-y7IDwd" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-JXsU86"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page7-5vpY6I"> <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page7-5usRMV"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-page-element-page7-v5I4PH"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-iE4qT7"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page7-XTDG0J"> <span data-ph-id="ph-page-element-page7-WSXDe4"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page7-Ge1llw"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length > 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-page-element-page7-Kv9kaF"> <a href="${activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-page-element-page7-yM9Lh6"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-IyGJv5"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page7-kuJm8I"> ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-page-element-page7-suYs1Z"> <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page7-8MXH8R"> ${selectedTitle} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-page-element-page7-Z7wAnx"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-0RNWEO"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-leekJj"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page7-HoJGqP"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-BRv49K"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-p13H0W"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page7-UuXYp1"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-aQPdDg"> <div class="input-group" data-ph-id="ph-page-element-page7-rid09v"> <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-page-element-page7-AQQT0F" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-xFUGxD"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page7-1aWxJ5"> <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page7-1SRWwj"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-page-element-page7-pNcupD"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-BYuRIz"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-MQt6V8"> <span data-ph-id="ph-page-element-page7-A0SX50"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-I8lIAL"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length > 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page7-Voxquy"> <a href="${resumeInfo.skills.suggestedSkills.length ? '#suggested-skills-heading' : activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-page-element-page7-VyOdu5"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-k9uLSr"> <h3 class="skills-heading" data-ph-id="ph-page-element-page7-2SUU9h"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page7-pEP6NF"> <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page7-be3oaD"> ${selectedSkill} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-page-element-page7-UZ1O5x"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-feeDOo"></i> </a> </li> </ul> </div> <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-page-element-page7-Fcw2xe"> <div data-ph-id="ph-page-element-page7-i0bWWm"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page7-J5dtNz"> ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-page-element-page7-tKa0An"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page7-MSRgmZ"> <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-page-element-page7-w3P1p1"> <span data-ph-id="ph-page-element-page7-qLhhWO">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page7-vWdmEe"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page7-A0piIh"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page7-ewwhb5"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-yq3YwJ"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-j6rSQf"> ${widgetBundle['resumeExperienceSubHeading'] | pht } </p> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-page-element-page7-AiRZei"> <legend class="sr-only" data-ph-id="ph-page-element-page7-5GAHgE"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page7-E404q5"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page7-X52ySw"> <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page7-ggTjSv" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page7-EIJ0ck"> <span data-ph-id="ph-page-element-page7-rUvdRs">${exp.displayName} </span> <span data-ph-id="ph-page-element-page7-oiJ7aJ"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page7-T8HSJc"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page7-2wKvlW"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-j89pQz"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-Wt3CzO"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page7-78RRHl"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page7-jAOrXy"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page7-hZT1Kl"> <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-page-element-page7-l8EgIJ" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-yuuqLr"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page7-YSvWUF"> <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page7-svBVYn"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-page-element-page7-DDYvKQ"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-gGaSEC"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-IbuPPV"> <span data-ph-id="ph-page-element-page7-0OZb1a"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-gYSh8H"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length > 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-page-element-page7-JkLztJ"> <a href="${activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-page-element-page7-Mybs8c"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-GqFCI1"> <h3 class="location-heading" data-ph-id="ph-page-element-page7-glc2wk"> ${widgetBundle['resumeLocationSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-page-element-page7-LHzxaB"> <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-bIf5SL"> ${selectedLocation} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-page-element-page7-b6CdRJ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-axXXmN"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-page-element-page7-Qysw3B"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page7-sdHMiS"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page7-l7l115"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page7-zOUw8X"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page7-3UVw9X"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page7-IlqLau"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page7-tY1DE0"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page7-DSm7Mt"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page7-YhmtHU"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-0j7fFJ"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page7-vPQdOa"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page7-fIPzdm"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" data-ph-id="ph-page-element-page7-HoZaFy"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page7-wbg2rd"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page7-tHDgp3"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-ah8Fnr" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-VO4ebh"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-3yoLiv"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page7-W8BA0w"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page7-kgQxII"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-L7a43R" class="sr-only" data-ph-id="ph-page-element-page7-qyrJFI" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page7-6nTtWG"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page7-pTGQlo"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-mZ0rXg" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-W3MGDS" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page7-1gprMS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-sG4h9T" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-R2HAiL" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page7-PyfcJe"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-qgh4SD" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-kS8R18" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-page-element-page7-dlAAC5"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page7-ni7cv2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xvEChZ" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-ZAeGfk" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page7-haDy5K"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-z8z4Op" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-Bh5SKt" language-overriden="true"> Please try to upload your resume again </ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-OkELGE"> <div class="upload-again" data-ph-id="ph-page-element-page7-R4JHQa"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page7-vC3Mk4" view="1639062133661-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="1639062133661-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-page-element-page7-Yxntxb"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page7-XkjEva"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-tcm9gF"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-eZBiEO" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page7-3HX4ar" language-overriden="true">Try again</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page7-02sd4u"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-uX6IaV" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-jBbYAn"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-Ps0W3f"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-xqY3eK"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page7-6wo0eM"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page7-pS6ohr"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Y3s0fl" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page7-2KoG4F" language-overriden="true"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page7-xdv1ky"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Le73ll" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-xATluw" language-overriden="true"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page7-DkXoIG" /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page7-Qzp6eT"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-yaicxM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-wfNeWi" language-overriden="true"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page7-w07xfa" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-page-element-page7-AIAP9k"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-FHd2Hw" data-ph-id="ph-page-element-page7-pKShse"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-CwXbII"> <div data-ph-id="ph-page-element-page7-LttPYb"> <label for="email" data-ph-id="ph-page-element-page7-wOXDC6"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-o21wKv" class="sr-only" data-ph-id="ph-page-element-page7-SeOb22" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-TBBMnw"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-o21wKv" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-83YuxN" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-8iM9wz"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-EjcqLz" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page7-HTZ1y5"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-FqSZlH"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-MUbjij"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-XHWGG4" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page7-nmqTWZ" 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-page-element-page7-nHXwWh"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-9ANMDJ" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page7-b9NEmF" language-overriden="true"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-fOJOoj"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-kgyQnL"> <div data-ph-id="ph-page-element-page7-fs6stV"> <label for="phone" data-ph-id="ph-page-element-page7-WvI7Uh"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-PCKKau" class="sr-only" data-ph-id="ph-page-element-page7-3RwHWc" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-yf1WDk"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-NJhDEt" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page7-tfZ2Zz" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-XwqdpG"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-dDWmcH" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-2yLni3"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page7-CqCvGL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-XDuF2C" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page7-znXun6" 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-page-element-page7-qppi8U"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page7-pHRodX"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page7-THcjeS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-uStbfF" data-ph-id="ph-page-element-page7-A7HG1e" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-page-element-page7-kbTPrc"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-oHUuh4" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-ilHQuM"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-nVT45i"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-page-element-page7-rhBOvX"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-page-element-page7-iqqnox"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page7-6J80QD"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page7-QGCOPH"> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-tOI3UU"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vi4iVp" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-Q3uuX3" language-overriden="true"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page7-7fRKn6" view="1639062133661-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="1639062133661-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page7-GqKNoU"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page7-77hZ0g"> <span data-ph-id="ph-page-element-page7-2grRQr"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-ll5ZCk"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-AAyAZV" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page7-hySHuT" language-overriden="true"> We never post anything without your permission </ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-page-element-page7-kYQrbJ"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page7-jKqva5"> <div class="failure-img-block" data-ph-id="ph-page-element-page7-OT0x2E"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page7-lAJWIz"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-0Zi6ym" class="sr-only" data-ph-id="ph-page-element-page7-YhgAnQ" language-overriden="true">success icon </span></div> <div data-ph-id="ph-page-element-page7-vViuwD"> <h3 class="heading" data-ph-id="ph-page-element-page7-LHkyRI"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-j8hWLo" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page7-pxKcjU" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page7-0UTUtx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SQ401F" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page7-1ARq7R" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page7-wvPieB"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-DyO97I" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page7-Wpi1bQ" language-overriden="true"> Enjoy your personalized jobs </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-XpKiBe"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-dzclxJ" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-ZJU0bO"> <span class="btn primary-button" data-ph-id="ph-page-element-page7-y74srq"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ED3IF1" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page7-QXP13I" language-overriden="true"> Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-page-element-page7-LvTZqB"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-aLhENT" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-RM1RCt"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-pjYKKr"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page7-FEqIJ2"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page7-uBPO2W"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-v6P1IX" data-ph-id="ph-page-element-page7-B7I5PK" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page7-w6IwQL"> <div class="p-text" data-ph-id="ph-page-element-page7-QTmm6r"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ghAojQ" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-Hq8KVx" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page7-o13eUp" />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-mXPHfV"> <div class="delete-link" data-ph-id="ph-page-element-page7-oV4s5C"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-8OuC7p" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page7-Y0DI4I"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xgNgyd" data-ph-id="ph-page-element-page7-erhA4U" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page7-pISGDB" view="1639062133670-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-1639062232033" original-view="default" data-ph-id="ph-page-element-page7-hm474g"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page7-e9kM02"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page7-Q2T1Xk"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page7-SaO8md" view="1639062133897-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-1653383796868" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page7-iKmeud"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-jfQaRP"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page7-ad3Cw8"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page7-ixmKAX"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1717010056970-view6" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-6444991960454551-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="TTTF8U-ph-category-overview-v3-view6-regionRole" aria-label="Explore your future" key-aria-label="gFdBGH-TTTF8U-ph-category-overview-v3-view6-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-6444991960454551-3" style="background-color: rgba(250,250,250,1) ;"> <div class="widget-container" data-ph-id="ph-widget-element-6444991960454551-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-6444991960454551-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-6444991960454551-6"> <ppc-content key="74WczU-TTTF8U-ph-category-overview-v3-view6-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6444991960454551-7" language-overriden="true"><div><span style="font-family:TPRubrik-Medium;"><span class="ph-XkkQ1">Browse by Job Category</span></span></div></ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-6444991960454551-8"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-6444991960454551-9" language-overriden="true"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-6444991960454551-10"> <div class="${mode}" data-ph-id="ph-widget-element-6444991960454551-11"> <div ph-role="data.bind:categoryViewModel" if.bind="categoryViewModel.length" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-6444991960454551-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-6444991960454551-13"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-6444991960454551-14"> <figure data-ph-id="ph-widget-element-6444991960454551-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-6444991960454551-16"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-6444991960454551-17"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-6444991960454551-18">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-19"> <span data-ph-id="ph-widget-element-6444991960454551-20">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-21">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-22"> <span data-ph-id="ph-widget-element-6444991960454551-23">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-24">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-25"> <span data-ph-id="ph-widget-element-6444991960454551-26">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-27">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> <!-- aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'Jobs' :'Job'}" --> <div if.bind="mode != 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-6444991960454551-28"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count} " data-ph-id="ph-widget-element-6444991960454551-29"> <figure data-ph-id="ph-widget-element-6444991960454551-30"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key} jobs" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" data-ph-id="ph-widget-element-6444991960454551-31"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-6444991960454551-32"> <div class="title" title.bind="category.key" data-ph-id="ph-widget-element-6444991960454551-33">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-34"> <span data-ph-id="ph-widget-element-6444991960454551-35">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-36">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-37"> <span data-ph-id="ph-widget-element-6444991960454551-38">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-39">${widgetBundle['categoryCountPlural'] | pht}</span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-6444991960454551-40"> <span data-ph-id="ph-widget-element-6444991960454551-41">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-6444991960454551-42">${widgetBundle['categoryCountSingler'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-6444991960454551-43"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="TTTF8U-ph-category-overview-v3-view6-showMoreActionTitleText" key-aria-label="TTTF8U-ph-category-overview-v3-view6-showMoreActionAriaLabelText" key-role="TTTF8U-ph-category-overview-v3-view6-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-6444991960454551-44"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-6444991960454551-45" language-overriden="true"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="TTTF8U-ph-category-overview-v3-view6-viewNextActionTitleText" key-aria-label="TTTF8U-ph-category-overview-v3-view6-viewNextActionAriaLabelText" key-role="TTTF8U-ph-category-overview-v3-view6-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-6444991960454551-46"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-6444991960454551-47" language-overriden="true"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="TTTF8U-ph-category-overview-v3-view6-viewAllActionTitleText" key-aria-label="TTTF8U-ph-category-overview-v3-view6-viewAllActionAriaLabelText" key-role="TTTF8U-ph-category-overview-v3-view6-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-6444991960454551-48"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-6444991960454551-49" language-overriden="true"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="TTTF8U-ph-category-overview-v3-view6-showLessActionTitleText" key-aria-label="TTTF8U-ph-category-overview-v3-view6-showLessActionAriaLabelText" key-role="TTTF8U-ph-category-overview-v3-view6-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-6444991960454551-50"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-6444991960454551-51" language-overriden="true"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-6444991960454551-52"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="0j416s-TTTF8U-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="8JXGxy-TTTF8U-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="W0OeFq-TTTF8U-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-6444991960454551-53"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-6444991960454551-54"></i> <ppc-content key="qdwYnm-TTTF8U-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-6444991960454551-55" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="L0CSSn-TTTF8U-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="lTZzN9-TTTF8U-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="hMWjNZ-TTTF8U-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-6444991960454551-56"> <ppc-content key="gpprjB-TTTF8U-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-6444991960454551-57" language-overriden="true"> Next </ppc-content><i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-6444991960454551-58"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-6444991960454551-59"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-6444991960454551-60"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-6444991960454551-61"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="N2uTUi-TTTF8U-ph-category-overview-v3-view6-previousSlideActionTitleText" key-aria-label="AC52VE-TTTF8U-ph-category-overview-v3-view6-previousSlideActionAriaLabelText" key-role="xgMFEU-TTTF8U-ph-category-overview-v3-view6-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-6444991960454551-62"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-6444991960454551-63"></i> <ppc-content key="xQQy3t-TTTF8U-ph-category-overview-v3-view6-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-6444991960454551-64" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="yQxT55-TTTF8U-ph-category-overview-v3-view6-nextSlideActionTitleText" key-aria-label="qMEqAx-TTTF8U-ph-category-overview-v3-view6-nextSlideActionAriaLabelText" key-role="1KfuP3-TTTF8U-ph-category-overview-v3-view6-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-6444991960454551-65"> <ppc-content key="HwSbTz-TTTF8U-ph-category-overview-v3-view6-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-6444991960454551-66" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-6444991960454551-67"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-6444991960454551-68"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-6444991960454551-69"> </a> </div> </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-6444991960454551-70"> <p data-ph-id="ph-widget-element-6444991960454551-71"> <ppc-content key="TTTF8U-ph-category-overview-v3-view6-NoCategoriestext" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-6444991960454551-72" language-overriden="true"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page7";</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeStepsSubmitText":"Submit","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","resumeJobTitlePlural":"Job titles","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeSkillSetNoResults":"No results found","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeEditFYfDropDownText":"Edit profile","resumeShowingText":"Showing","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeRemoveText":"Remove","resumeNewResumeDropDownAriaLabel":"Upload new file","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"View profile","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","closePopUpButtonIcon":"icon icon-cancel","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.chop.edu/pages/privacy-policy","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","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","salutationText":"Hi","createAccountFormPlaceHolder":"Your Password","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://www.chop.edu/pages/terms-use","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-category-overview-v3-view6":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"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","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","google-sign":"Sign in with Google","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-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? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInPopUpSubHeading":"","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your 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","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://www.chop.edu/pages/privacy-policy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","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","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://www.chop.edu/pages/terms-use","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-profile-recommendations-v2-default":{"applyNowText":"View Job","locationText":"location","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-global-search-v1-view3":{"globalsearchPlaceholder":"Search for job","noResultFoundText":"No Results Found","globalsearchLocationPlaceholder":"Enter location","globalsearchButtonText":"Search","globalsearchCategoryPlaceholder":"Enter Category"},"ph-recently-viewed-jobs-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-near-by-jobs-v2-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","type":"Job Type","title":"Title","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","yourPreferredLocationMessage":"Your preferred location","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","linkedin":"Share via LinkedIn","instagram":"Share via Instagram","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","vkTitle":"Share via vk","google-plus":"Share via google plus","whatsappAriaaLabel":"Share via whatsapp","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","emailTitle":"Share via email","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"}} </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-MZ66M7P');</script><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "home","url": "https://careers.chop.edu/us/en","datePublished": "2025-02-20","dateModified": "2025-02-20"}</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/tenantcss/main-1729575964250.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/tenantcss/color-css-1729575965038.css" id="colorCss" /></head> <body class="home-page" data-ph-id="ph-page-element-page7-NpSc0o" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZ66M7P" 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-page7-oE0Rwu"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="SICi6Zpo"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page7-UAsPHi"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page7-5d8cVz"><section class="ppc-section ph-widget" type="dynamic" instance-id="Sfr4BI" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page7-0x2a5O"><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-1644251646356" theme="default" original-view="default" instance-id="Sfr4BI" data-ph-id="ph-page-element-page7-w7yV2Q"></div></section> <!-- hero block --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page7-9k0FMy" view="1582207830511-default" original-view="default" instance-id="KFqk8y" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page7-aWOHnb" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1582207830511-default" original-view="default" theme="default" ph-removed="true" instance-id="KFqk8y"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1656707096416" view="1656707095580-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" instance-id="JgvgwB" theme="theme1"><div class="ph-hero-block-cc-view7-option2-theme1 ph-widget-target" data-ph-id="-1656707096416-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1656707095580-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" theme="theme1" ph-removed="true" instance-id="JgvgwB"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1656707095580-2" style="background-color: rgb(0, 87, 136);"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="JgvgwB-ph-hero-block-cc-view7-option2-listRole" data-ph-id="ph-widget-element-1656707095580-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="JgvgwB-803ecL-ph-hero-block-cc-view7-option2-listItemRole" instance-id="803ecL" data-ph-id="ph-widget-element-1656707095580-4"> <div class="ph-hero-block-cc-view7 ph-card-block ph-XkkQ1-bg" data-ph-at-id="ph-hero-block-cc-view7" data-ph-id="ph-widget-element-1656707095580-5"> <figure class="image" key-role="JgvgwB-803ecL-CRlKO3-ph-hero-block-cc-view7-option2-presentationRole" role="presentation" instance-id="803ecL-CRlKO3" data-ph-id="ph-widget-element-1656707095580-6"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-fit-container-cms ph-img-fit-to-card" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1656707095580-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1656707095580-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/Homepageheaderupdated4-1717008593118.png" key-src="JgvgwB-803ecL-sMRJkh-ph-hero-block-cc-view7-option2-image-src" alt="CHOP provider performing a test on patient in exam room" key-alt="JgvgwB-803ecL-sMRJkh-ph-hero-block-cc-view7-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="803ecL-sMRJkh" data-ph-id="ph-widget-element-1656707095580-9" height-val="490" crop-size="fit" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-1656707095580-10"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-1656707095580-11"> </div> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-1656707095580-12"> <div class="global-search-block" data-ph-id="ph-widget-element-1656707095580-13"> <ppc-container component-content-key="h1-heading" class="heading-one element-center" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-1656707095580-14"> <h1 data-ph-id="ph-widget-element-1656707095580-15"> <ppc-content key="JgvgwB-803ecL-07vRKI-ph-hero-block-cc-view7-option2-h1-heading-title-text" instance-id="803ecL-07vRKI" data-ph-id="ph-widget-element-1656707095580-16"><div><span style="font-family:TPRubrik-Bold;"><span style="color:rgba(255, 255, 255, 1);">Careers at CHOP</span></span></div></ppc-content> </h1> </ppc-container> <section class="ph-widget" instance-id="ALGKq4" original-view="view3" view="1656707095597-view3" data-ph-id="ph-widget-element-1656707095580-20"> <div as-element="ph-global-search-v1" instance-id="ALGKq4" class="ph-global-search-v1-view3-default ph-widget-target" view="view3-1674553599586" data-widget="ph-global-search-v1" location-placeholder-text.bind="'search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-less" original-view="view3" data-ph-id="ph-widget-element-1656707095580-21"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <section class="ph-paragraph-cc-view1-option1-theme1 ph-widget" type="static" view="1716239263593-paragraph-cc-view1-option1-savedView-1715358298671" original-view="ph-paragraph-cc-view1-option1" theme="theme1" instance-id="bxQgza" data-ph-id="-1716239263441"><div class="ph-paragraph-cc-view1-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716239263593-paragraph-cc-view1-option1-savedView-1715358298671" original-view="ph-paragraph-cc-view1-option1" theme="theme1" ph-removed="true" data-ph-id="-1716239263441-1" instance-id="bxQgza"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="4" data-ph-id="ph-widget-element-5672716571209408-2"> <div class="inner-container ph-cc-d-p-b-0" data-ph-id="ph-widget-element-5672716571209408-3"> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5672716571209408-4"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-5672716571209408-5"> <div class="ph-card" card-name="ph-paragraph-cc-view1" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5672716571209408-6"> <div class="ph-paragraph-cc-view1 ph-card-block" data-ph-at-id="ph-paragraph-cc-view1" data-ph-id="ph-widget-element-5672716571209408-7"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5672716571209408-8"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5672716571209408-9"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-5672716571209408-10"> <ppc-container component-content-key="description" class="description ph-XkkQ1 ph-line-height-1_5 ph-cc-d-f-s-22" data-ph-cid="description1" data-ph-id="ph-widget-element-5672716571209408-11"> <span class="description-block" data-ph-id="ph-widget-element-5672716571209408-12"> <ppc-content key="bxQgza-J0HUzb-ph-paragraph-cc-view1-option1-savedView-1715358298671-description-text" data-ph-at-id="description-text" instance-id="J0HUzb" data-ph-id="ph-widget-element-5672716571209408-13"><div><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">At Children’s Hospital of Philadelphia (CHOP), you’ll find countless ways to change lives. Our diverse community of more than <span class="brand-color-secondary"><strong>22,000 </strong><span class="ph-XkkQ1">Breakthrough Makers</span></span><span class="ph-XkkQ1"> </span>will inspire you to pursue passions, develop expertise, and drive innovation.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ph-content-cc-view4-option5-theme1 ph-widget" type="static" view="1716473923758-content-cc-view4-option5-savedView-1696538068773" original-view="ph-content-cc-view4-option5" theme="theme1" instance-id="ug8WDQ" data-ph-id="-1716473923636"></section><section class="ph-content-cc-view4-option5-theme1 ph-widget" type="static" view="1716231437024-content-cc-view4-option5-savedView-1696538068773" original-view="ph-content-cc-view4-option5" theme="theme1" instance-id="a52I2J" data-ph-id="-1716231436951"><div class="ph-content-cc-view4-option5-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716231437024-content-cc-view4-option5-savedView-1696538068773" original-view="ph-content-cc-view4-option5" theme="theme1" ph-removed="true" data-ph-id="-1716231436951-1" instance-id="a52I2J"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-widget-element-5665683010381593-2" style="background-position: 50% 50%; background-size: auto; background-color: rgb(255, 255, 255);"> <div class="inner-container ph-cc-d-p-b-0 ph-cc-d-p-t-0" data-ph-id="ph-widget-element-5665683010381593-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5665683010381593-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-5665683010381593-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5665683010381593-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5665683010381593-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5665683010381593-18"> <div class="ph-card-container stackable" data-cards-per-row="three" role="list" key-role="a52I2J-tKVyxD-ph-content-cc-view4-option5-savedView-1696538068773-listRole" instance-id="tKVyxD" data-ph-id="ph-widget-element-5665683010381593-19"> <div class="ph-card ph-cc-d-p-t-0 one" card-name="ph-content-cc-view4" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5665683010381593-20"> <div class="ph-content-cc-view4 ph-card-block ph-cc-d-p-t-0" data-ph-at-id="ph-content-cc-view4" data-ph-id="ph-widget-element-5665683010381593-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5665683010381593-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5665683010381593-23"> <div class="content ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-5665683010381593-24"> <ppc-container component-content-key="primary-action-link" class="primary-action-link btn-none button-lg ph-line-height-0_5 ph-cc-d-m-t-0 button-radius-none" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5665683010381593-34"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5665683010381593-35"> <a class="action-link" ph-href="how-we-hire" key-ph-href="a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-href" title="Learn more about our hiring process" key-title="a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-title-text" aria-label="How We Hire page" key-aria-label="a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-aria-label-text" ph-tevent="static_content_click" target="_self" instance-id="UTCMcR" data-ph-id="ph-widget-element-5665683010381593-36"> <ppc-content key="a52I2J-umRU3u-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-text" data-ph-at-id="link-text" instance-id="umRU3u" data-ph-id="ph-widget-element-5665683010381593-37">New job seekers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5665683010381593-38"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-t-0 one" card-name="ph-content-cc-view4" card-container-style="background-image:'url()'" instance-id="GMLYeR" data-ph-id="ph-widget-element-5665161244280488-2"> <div class="ph-content-cc-view4 ph-card-block ph-cc-d-p-t-0" data-ph-at-id="ph-content-cc-view4" data-ph-id="ph-widget-element-5665161244280488-3"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5665161244280488-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5665161244280488-5"> <div class="content ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-5665161244280488-6"> <ppc-container component-content-key="primary-action-link" class="primary-action-link btn-none button-lg ph-line-height-0_5 ph-cc-d-m-t-0 button-radius-none" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5665161244280488-16"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5665161244280488-17"> <a class="action-link" ph-href="https://chop.wd5.myworkdayjobs.com/CHOPExternalCareers/login" key-ph-href="WP1OuE-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-href" title="Access your candidate account" key-title="3yiu96-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-title-text" aria-label="Candidate login" key-aria-label="7onQO4-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-aria-label-text" ph-tevent="static_content_click" target="_blank" instance-id="UTCMcR" data-ph-id="ph-widget-element-5665161244280488-18"> <ppc-content key="rvlheI-a52I2J-umRU3u-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-text" data-ph-at-id="link-text" instance-id="umRU3u" data-ph-id="ph-widget-element-5665161244280488-19">Returning applicants</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5665161244280488-20"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-t-0 one" card-name="ph-content-cc-view4" card-container-style="background-image:'url()'" instance-id="WokHIm" data-ph-id="ph-widget-element-5665163106553761-2"> <div class="ph-content-cc-view4 ph-card-block ph-cc-d-p-t-0" data-ph-at-id="ph-content-cc-view4" data-ph-id="ph-widget-element-5665163106553761-3"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5665163106553761-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5665163106553761-5"> <div class="content ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-5665163106553761-6"> <ppc-container component-content-key="primary-action-link" class="primary-action-link btn-none button-lg ph-line-height-0_5 ph-cc-d-m-t-0 button-radius-none" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5665163106553761-16"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5665163106553761-17"> <a class="action-link" ph-href="https://wd5.myworkday.com/chop/d/task/2998$46522.htmld" key-ph-href="ft60dD-WP1OuE-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-href" title="Explore careers in Workday" key-title="CuX5o0-3yiu96-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-title-text" aria-label="Workday Jobs Hub" key-aria-label="nDkKpI-7onQO4-a52I2J-UTCMcR-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-aria-label-text" ph-tevent="static_content_click" target="_blank" instance-id="UTCMcR" data-ph-id="ph-widget-element-5665163106553761-18" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="qWnXnE-rvlheI-a52I2J-umRU3u-ph-content-cc-view4-option5-savedView-1696538068773-primary-link-text" data-ph-at-id="link-text" instance-id="umRU3u" data-ph-id="ph-widget-element-5665163106553761-19">Current employees</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5665163106553761-20"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716243716478" view="1716243716553-employees-testimonial-cc-slider-view5-option2" original-view="ph-employees-testimonial-cc-slider-view5-option2" instance-id="WXMDXp" theme="theme1"><div class="ph-employees-testimonial-cc-slider-view5-option2-theme1 ph-widget-target" data-ph-id="-1716243716478-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716243716553-employees-testimonial-cc-slider-view5-option2" original-view="ph-employees-testimonial-cc-slider-view5-option2" theme="theme1" ph-removed="true" instance-id="WXMDXp"><div class="ph-component-cntr ph-widget-box header-center heading-block-hide" aria-label="Carousel" key-aria-label="WXMDXp-ph-employees-testimonial-cc-slider-view5-option2-carouselRegion" role="region" data-ph-id="ph-widget-element-5677169607322155-2" style="background-color: rgb(255, 255, 255);"> <div class="inner-container ph-fluid-container ph-cc-d-p-t-0" data-ph-id="ph-widget-element-5677169607322155-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5677169607322155-4"> <div class="ph-header-block-default" card-name="ph-header-block-v1-view1" instance-id="RO97X0" data-ph-id="ph-widget-element-5677169607322155-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5677169607322155-6"> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-5677169607322155-13"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="false" pha-phslide-dots="true" pha-phslide-autoplay="true" class="ph-slider-container ph-card-container stackable ph-slide-loader" data-cards-per-row="one" phslide-number-slides-to-show="1" pha-phslide-infinite="true" phslide-number-slides-to-scroll="1" pha-phslide-adaptiveheight="false" pha-phslide-prev-arrow="<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="View previous slide" role="button">Previous</button>" pha-phslide-next-arrow="<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="View next slide" role="button">Next</button>" phslide-parse-responsive="[{"breakpoint":3000, "settings":{"centerMode": "false"}},{"breakpoint":1400, "settings":{"centerMode": "false"}},{"breakpoint":1024, "settings":{"centerMode": "false"}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1}}]" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" phslide-dot-info-selector="[component-content-key='heading']" data-ph-id="ph-widget-element-5677169607322155-14" pha-phslide-autoplay-speed="12000"> <div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="Re8YOS" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5677169607322155-15" ph-slide-num="1"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-widget-element-5677169607322155-16"> <div class="media" data-ph-id="ph-widget-element-5677169607322155-17"> <figure class="image" data-ph-id="ph-widget-element-5677169607322155-18"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5677169607322155-19"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5677169607322155-20"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/SecurityFeature-1716244169005.png" key-src="WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-src" alt="Security Office Donald Williams" key-alt="WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="Re8YOS-Z70EQ5" data-ph-id="ph-widget-element-5677169607322155-21" height-val="525" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5677169607322155-22"> <div class="data" data-ph-id="ph-widget-element-5677169607322155-23"> <ppc-container component-content-key="heading" class="header element-left ph-XkkQ1" data-ph-cid="heading1" data-ph-id="ph-widget-element-5677169607322155-24" style="font-family: TPRubrik-Medium;"> <span key-aria-level="WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-aria-level" key-role="WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-role" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5677169607322155-25"> <ppc-content key="WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text" data-ph-at-id="heading-text" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5677169607322155-26">Join Our Talent Community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1 element-left ph-cc-d-f-s-16 ph-line-height-1_2" data-ph-cid="description1" data-ph-id="ph-widget-element-5677169607322155-27"> <span class="description-block" data-ph-id="ph-widget-element-5677169607322155-28"> <ppc-content key="WXMDXp-Re8YOS-t3smxc-ph-employees-testimonial-cc-slider-view5-option2-description-text" data-ph-at-id="description-text" instance-id="Re8YOS-t3smxc" data-ph-id="ph-widget-element-5677169607322155-29">During his rounds, Security Officer Donald Williams noticed an anxious patient preparing for a blood draw. After sharing his own fear of needles, Donald sat with Chase throughout his procedure. <br /><br />“I’m not sure why Corporal Williams was able to get through to Chase,” said Chase’s mom. “But whatever it was, he showed up when he didn’t have to—when a desperate mom needed him the most!" </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-5677169607322155-30"> </div> <ppc-container component-content-key="primary-action-link" class="primary-action-link element-left ph-cc-d-m-t-20" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5677169607322155-40"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5677169607322155-41"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-href" title="Join our Talent Community" key-title="WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-title-text" aria-label="Talent Community signup" key-aria-label="WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5677169607322155-42"> <ppc-content key="WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-text" data-ph-at-id="link-text" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5677169607322155-43">Join our Breakthrough Makers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5677169607322155-44"></i> </a> </div> </ppc-container> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="P5pV3t" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" ph-slide-num="2" data-ph-id="ph-widget-element-5677878925269498-2"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-widget-element-5677878925269498-3"> <div class="media" data-ph-id="ph-widget-element-5677878925269498-4"> <figure class="image" data-ph-id="ph-widget-element-5677878925269498-5"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5677878925269498-6"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5677878925269498-7"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/BreakthroughMakerFeature-1716244441667.png" key-src="bDtEFG-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-src" alt="Clinical nurse Margaux Rogers and Supply Chain and Logistics professional Alex Williams" key-alt="fR12lc-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="Re8YOS-Z70EQ5" height-val="525" data-ph-id="ph-widget-element-5677878925269498-8" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5677878925269498-9"> <div class="data" data-ph-id="ph-widget-element-5677878925269498-10"> <ppc-container component-content-key="heading" class="header element-left ph-XkkQ1" data-ph-cid="heading1" style="font-family: TPRubrik-Medium;" data-ph-id="ph-widget-element-5677878925269498-11"> <span key-aria-level="kHluvw-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-aria-level" key-role="SnEiuh-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-role" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5677878925269498-12"> <ppc-content key="ANpE7a-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text" data-ph-at-id="heading-text" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5677878925269498-13">Join Our Talent Community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1 element-left ph-cc-d-f-s-16 ph-line-height-1_2" data-ph-cid="description1" data-ph-id="ph-widget-element-5677878925269498-14"> <span class="description-block" data-ph-id="ph-widget-element-5677878925269498-15"> <ppc-content key="Z6F2OK-WXMDXp-Re8YOS-t3smxc-ph-employees-testimonial-cc-slider-view5-option2-description-text" data-ph-at-id="description-text" instance-id="Re8YOS-t3smxc" data-ph-id="ph-widget-element-5677878925269498-16">Clinical nurse Margaux Rogers was having a particularly rough night during a capacity surge in the PICU. Alex Williams, who works in Supply Chain and Logistics, saw her crying and stopped. <br /><br />Margaux was strengthened by the kindness of a stranger who, at three in the morning, cared enough to make sure she was okay. “Alex made me feel like I could go back and do my job. He reminded me of the community that can be found even at a huge hospital.”</ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-5677878925269498-17"> </div> <ppc-container component-content-key="primary-action-link" class="primary-action-link element-left ph-cc-d-m-t-20" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5677878925269498-27"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5677878925269498-28"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="51KatK-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-href" title="Join our Talent Community" key-title="4kCg86-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-title-text" aria-label="Talent Community signup" key-aria-label="T1c6ep-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5677878925269498-29"> <ppc-content key="URuARo-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-text" data-ph-at-id="link-text" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5677878925269498-30">Join our Breakthrough Makers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5677878925269498-31"></i> </a> </div> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="pEVCqj" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" ph-slide-num="3" data-ph-id="ph-widget-element-5678675747705299-2"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-widget-element-5678675747705299-3"> <div class="media" data-ph-id="ph-widget-element-5678675747705299-4"> <figure class="image" data-ph-id="ph-widget-element-5678675747705299-5"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5678675747705299-6"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5678675747705299-7"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/BreakthroughMakerFeature3-1716244697680.png" key-src="ncnj5J-bDtEFG-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-src" alt="Salon Services team members Jennifer Boisseau and Theresa Byrd" key-alt="FPA624-fR12lc-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="Re8YOS-Z70EQ5" height-val="525" data-ph-id="ph-widget-element-5678675747705299-8" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5678675747705299-9"> <div class="data" data-ph-id="ph-widget-element-5678675747705299-10"> <ppc-container component-content-key="heading" class="header element-left ph-XkkQ1" data-ph-cid="heading1" style="font-family: TPRubrik-Medium;" data-ph-id="ph-widget-element-5678675747705299-11"> <span key-aria-level="Tu2FKo-kHluvw-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-aria-level" key-role="w5eVDE-SnEiuh-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-role" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5678675747705299-12"> <ppc-content key="nm0BwE-ANpE7a-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text" data-ph-at-id="heading-text" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5678675747705299-13">Join Our Talent Community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1 element-left ph-cc-d-f-s-16 ph-line-height-1_2" data-ph-cid="description1" data-ph-id="ph-widget-element-5678675747705299-14"> <span class="description-block" data-ph-id="ph-widget-element-5678675747705299-15"> <ppc-content key="NLUUg5-Z6F2OK-WXMDXp-Re8YOS-t3smxc-ph-employees-testimonial-cc-slider-view5-option2-description-text" data-ph-at-id="description-text" instance-id="Re8YOS-t3smxc" data-ph-id="ph-widget-element-5678675747705299-16">Jennifer Boisseau and Theresa Byrd, members of our Salon Services team, were called to help a surgical patient with a noticeable incision along the shaved area of her head. As the team gave her a new style that left her feeling confident, the patient expressed her interest in becoming a cosmetologist.<br /><br />Jennifer and Theresa gave her a mannequin to practice braiding hair—an ideal form of therapy to maintain hand dexterity after surgery.</ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-5678675747705299-17"> </div> <ppc-container component-content-key="primary-action-link" class="primary-action-link element-left ph-cc-d-m-t-20" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5678675747705299-27"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5678675747705299-28"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="5pQZce-51KatK-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-href" title="Join our Talent Community" key-title="Jos2yN-4kCg86-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-title-text" aria-label="Talent Community signup" key-aria-label="RVz0Za-T1c6ep-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5678675747705299-29"> <ppc-content key="RWN6Jq-URuARo-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-text" data-ph-at-id="link-text" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5678675747705299-30">Join our Breakthrough Makers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5678675747705299-31"></i> </a> </div> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="ufBa2p" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" ph-slide-num="4" data-ph-id="ph-widget-element-5678321773096039-2"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-widget-element-5678321773096039-3"> <div class="media" data-ph-id="ph-widget-element-5678321773096039-4"> <figure class="image" data-ph-id="ph-widget-element-5678321773096039-5"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5678321773096039-6"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5678321773096039-7"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/BreakthroughMakerFeature5-1716303086025.png" key-src="p3PBel-ncnj5J-bDtEFG-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-src" alt="Nutrition Services team members" key-alt="xwRuLO-FPA624-fR12lc-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="Re8YOS-Z70EQ5" height-val="525" data-ph-id="ph-widget-element-5678321773096039-8" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5678321773096039-9"> <div class="data" data-ph-id="ph-widget-element-5678321773096039-10"> <ppc-container component-content-key="heading" class="header element-left ph-XkkQ1" data-ph-cid="heading1" style="font-family: TPRubrik-Medium;" data-ph-id="ph-widget-element-5678321773096039-11"> <span key-aria-level="TJhCFB-Tu2FKo-kHluvw-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-aria-level" key-role="mN2Znt-w5eVDE-SnEiuh-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-role" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5678321773096039-12"> <ppc-content key="5dwZ2x-nm0BwE-ANpE7a-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text" data-ph-at-id="heading-text" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5678321773096039-13">Join Our Talent Community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1 element-left ph-cc-d-f-s-16 ph-line-height-1_2" data-ph-cid="description1" data-ph-id="ph-widget-element-5678321773096039-14"> <span class="description-block" data-ph-id="ph-widget-element-5678321773096039-15"> <ppc-content key="8tBfiO-NLUUg5-Z6F2OK-WXMDXp-Re8YOS-t3smxc-ph-employees-testimonial-cc-slider-view5-option2-description-text" data-ph-at-id="description-text" instance-id="Re8YOS-t3smxc" data-ph-id="ph-widget-element-5678321773096039-16">A medically complex patient was transferred to Middleman Family Pavilion, where she required frequent interaction to keep her preoccupied. In response, a team of Breakthrough Makers created a cooking class to help the patient take accountability for her diet in a fun way. Donning an ear-to-ear smile and personalized “CHOP King of Prussia Chef” jacket, she learned about and prepared meals alongside clinical nutrition and food services professionals.</ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-5678321773096039-17"> </div> <ppc-container component-content-key="primary-action-link" class="primary-action-link element-left ph-cc-d-m-t-20" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5678321773096039-27"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5678321773096039-28"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="Jl34XA-5pQZce-51KatK-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-href" title="Join our Talent Community" key-title="NutYSY-Jos2yN-4kCg86-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-title-text" aria-label="Talent Community signup" key-aria-label="1mBt3O-RVz0Za-T1c6ep-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5678321773096039-29"> <ppc-content key="Fx5wAI-RWN6Jq-URuARo-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-text" data-ph-at-id="link-text" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5678321773096039-30">Join our Breakthrough Makers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5678321773096039-31"></i> </a> </div> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="Ln4A6v" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" ph-slide-num="5" data-ph-id="ph-widget-element-5747686644812325-2"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-widget-element-5747686644812325-3"> <div class="media" data-ph-id="ph-widget-element-5747686644812325-4"> <figure class="image" data-ph-id="ph-widget-element-5747686644812325-5"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5747686644812325-6"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5747686644812325-7"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/BreakthroughMakerFeature7-1716313458984.png" key-src="NuZyHl-p3PBel-ncnj5J-bDtEFG-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-src" alt="Child Life team members" key-alt="YOwrz8-xwRuLO-FPA624-fR12lc-WXMDXp-Re8YOS-Z70EQ5-ph-employees-testimonial-cc-slider-view5-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="Re8YOS-Z70EQ5" height-val="525" data-ph-id="ph-widget-element-5747686644812325-8" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5747686644812325-9"> <div class="data" data-ph-id="ph-widget-element-5747686644812325-10"> <ppc-container component-content-key="heading" class="header element-left ph-XkkQ1" data-ph-cid="heading1" style="font-family: TPRubrik-Medium;" data-ph-id="ph-widget-element-5747686644812325-11"> <span key-aria-level="zXWlee-TJhCFB-Tu2FKo-kHluvw-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-aria-level" key-role="uMqQ91-mN2Znt-w5eVDE-SnEiuh-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text-role" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5747686644812325-12"> <ppc-content key="Unk6Um-5dwZ2x-nm0BwE-ANpE7a-WXMDXp-Re8YOS-AflXqA-ph-employees-testimonial-cc-slider-view5-option2-heading-text" data-ph-at-id="heading-text" instance-id="Re8YOS-AflXqA" data-ph-id="ph-widget-element-5747686644812325-13">Join Our Talent Community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1 element-left ph-cc-d-f-s-16 ph-line-height-1_2" data-ph-cid="description1" data-ph-id="ph-widget-element-5747686644812325-14"> <span class="description-block" data-ph-id="ph-widget-element-5747686644812325-15"> <ppc-content key="hTsl43-8tBfiO-NLUUg5-Z6F2OK-WXMDXp-Re8YOS-t3smxc-ph-employees-testimonial-cc-slider-view5-option2-description-text" data-ph-at-id="description-text" instance-id="Re8YOS-t3smxc" data-ph-id="ph-widget-element-5747686644812325-16"><div>A patient recovering from surgery was on his fourth day of not being allowed to eat. He woke up nauseous and spent most of the morning vomiting.<br /><br />Fortunately, Child Life and Creative Arts Therapy professionals Michal Warchol and Andrea Dillard had been paying attention to his interests. They helped the patient—a WWE superfan—interview some of his favorite wrestlers at our broadcast media center, Seacrest Studios. After a difficult morning, he told his mother it was “the best day of his life.”</div></ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-5747686644812325-17"> </div> <ppc-container component-content-key="primary-action-link" class="primary-action-link element-left ph-cc-d-m-t-20" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5747686644812325-27"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5747686644812325-28"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="N190Rv-Jl34XA-5pQZce-51KatK-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-href" title="Join our Talent Community" key-title="QccD04-NutYSY-Jos2yN-4kCg86-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-title-text" aria-label="Talent Community signup" key-aria-label="cRqHgb-1mBt3O-RVz0Za-T1c6ep-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5747686644812325-29"> <ppc-content key="VwRdcL-Fx5wAI-RWN6Jq-URuARo-WXMDXp-Re8YOS-VuPGRo-ph-employees-testimonial-cc-slider-view5-option2-primary-link-text" data-ph-at-id="link-text" instance-id="Re8YOS-VuPGRo" data-ph-id="ph-widget-element-5747686644812325-30">Join our Breakthrough Makers</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5747686644812325-31"></i> </a> </div> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div> </div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1717010768059" view="1717010768299-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="Y7IPMt" theme="theme1"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1717010056877" view="1717010056970-view6" original-view="view6" instance-id="TTTF8U" theme="theme1"><div class="ph-category-overview-v3-view6-theme1 ph-widget-target" data-ph-id="-1717010056877-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1717010056970-view6" original-view="view6" theme="theme1" ph-removed="true" instance-id="TTTF8U"></div></section><section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page7-zc4gsb"> <div class="ph-find-your-fit-container-v1-default-theme2 ph-widget-target" theme="theme2" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" view="default-1639062133939" original-view="default" data-ph-id="ph-page-element-page7-r2WQi6"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page7-4Xnn7E"> <div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="theme28" max-display-count="6" jobs-display-mode="seeMore" instance-id="c1ykg4" view="default-1622923022619" original-view="default" data-ph-id="ph-page-element-page7-wfBZIU"></div> </section> <!-- video popup --> <!-- category --> <!-- testimonial slider --> <!-- We are global--> <!-- Why work here --> <!--recom job histroy--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306014238" view="1676306014330-view10" original-view="view10" instance-id="UcqVmb" theme="theme1"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306023195" view="1676306023262-view14" original-view="view14" instance-id="0KEwMx" theme="theme1"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306032378" view="1676306032443-view17" original-view="view17" instance-id="QBpyUY" theme="default"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306040486" view="1676306040564-view2" original-view="view2" instance-id="A5nozn" theme="theme3"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306055391" view="1676306055454-view6" original-view="view6" instance-id="awJWf8" theme="default"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1676307079759" view="1676307079819-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="8LSZJ4" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716475115823" view="1716475115917-media-link-job-count-cc-view3-option1" original-view="ph-media-link-job-count-cc-view3-option1" instance-id="gnVbHe" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716475220749" view="1716475220958-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="lw4jjt" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716475552678" view="1716475552842-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="XMDhAh" theme="theme1"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1676306070861" view="1676306070936-view6" original-view="view6" instance-id="b2SONf" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716470416990" view="1716470416358-content-cc-view8-option1" original-view="ph-content-cc-view8-option1" instance-id="kehIW9" theme="theme1"><div class="ph-content-cc-view8-option1-theme1 ph-widget-target" data-ph-id="-1716470416990-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716470416358-content-cc-view8-option1" original-view="ph-content-cc-view8-option1" theme="theme1" ph-removed="true" instance-id="kehIW9"><div class="ph-component-cntr ph-widget-box header-center heading-block-hide" default-cards-count="2" data-ph-id="ph-widget-element-5904048315061222-2" style="background-color: rgb(255, 255, 255);"> <div class="inner-container ph-cc-d-p-t-0" data-ph-id="ph-widget-element-5904048315061222-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5904048315061222-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="pAIGw9" data-ph-id="ph-widget-element-5904048315061222-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5904048315061222-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5904048315061222-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5904048315061222-18"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="kehIW9-ph-content-cc-view8-option1-roleList" data-ph-id="ph-widget-element-5904048315061222-19"> <div class="ph-card" card-name="ph-content-cc-view8" role="listitem" key-role="kehIW9-CkBuLv-ph-content-cc-view8-option1-roleListItem" instance-id="CkBuLv" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5904048315061222-20"> <div class="ph-content-cc-view8 ph-card-block ph-cc-d-p-l-0 full-card-link" data-ph-at-id="ph-content-cc-view8" data-ph-id="ph-widget-element-5904048315061222-21" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" aria-label="Resident and Fellows page" title="Learn more" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="residents-and-fellows" data-ph-href="residents-and-fellows" key-aria-label="kehIW9-CkD8Sv-ph-content-cc-view8-option1-Resident and Fellows page" key-title="kehIW9-CkD8Sv-ph-content-cc-view8-option1-Learn more" key-ph-href="kehIW9-CkD8Sv-ph-content-cc-view8-option1-residents-and-fellows" instance-id="CkD8Sv" data-ph-id="ph-widget-element-5905113150396883-dstLtq"></a><div class="content-main" data-ph-id="ph-widget-element-5904048315061222-22"> <div class="left-content" data-ph-id="ph-widget-element-5904048315061222-23"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" ph-card-block-num="1" data-ph-id="ph-widget-element-5904048315061222-24"> </div> </div> <div class="right-content" data-ph-id="ph-widget-element-5904048315061222-28"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" ph-card-block-num="2" data-ph-id="ph-widget-element-5904048315061222-29"> <ppc-container component-content-key="heading" class="header element-left brand-color-primary ph-cc-d-p-l-0" data-ph-cid="heading1" data-ph-id="ph-widget-element-5904048315061222-30" style="font-family: TPRubrik-Regular;"> <span key-aria-level="kehIW9-CkBuLv-DI5mRw-ph-content-cc-view8-option1-heading-text-aria-level" key-role="kehIW9-CkBuLv-DI5mRw-ph-content-cc-view8-option1-heading-text-role" instance-id="CkBuLv-DI5mRw" data-ph-id="ph-widget-element-5904048315061222-31"> <ppc-content key="kehIW9-CkBuLv-DI5mRw-ph-content-cc-view8-option1-heading-text" data-ph-at-id="heading-text" instance-id="CkBuLv-DI5mRw" data-ph-id="ph-widget-element-5904048315061222-32"><div><span class="ph-qkqNi">Physician Residencies & Fellowships</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-left ph-XkkQ1 ph-cc-d-p-l-0" data-ph-cid="description1" data-ph-id="ph-widget-element-5904048315061222-33"> <span class="description-block" data-ph-id="ph-widget-element-5904048315061222-34"> <ppc-content key="kehIW9-CkBuLv-0MEbmP-ph-content-cc-view8-option1-description-text" data-ph-at-id="description-text" instance-id="CkBuLv-0MEbmP" data-ph-id="ph-widget-element-5904048315061222-35">Our pediatric residency program—accredited by the Accreditation Council of Graduate Medical Education—provides a strong foundation for life after residency. We also offer fellowships in most medical and surgical subspecialty areas. </ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-content-cc-view8" role="listitem" key-role="kehIW9-Wwro6c-ph-content-cc-view8-option1-roleListItem" instance-id="Wwro6c" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5904048315061222-36"> <div class="ph-content-cc-view8 ph-card-block ph-cc-d-p-l-0 full-card-link" data-ph-at-id="ph-content-cc-view8" data-ph-id="ph-widget-element-5904048315061222-37" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" aria-label="Student & Contract roles page" title="Learn more" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="temporary-roles" data-ph-href="temporary-roles" key-aria-label="kehIW9-tpCom5-ph-content-cc-view8-option1-Student & Contract roles page" key-title="kehIW9-tpCom5-ph-content-cc-view8-option1-Learn more" key-ph-href="kehIW9-tpCom5-ph-content-cc-view8-option1-temporary-roles" instance-id="tpCom5" data-ph-id="ph-widget-element-5905660987869066-BmAz3v"></a><div class="content-main" data-ph-id="ph-widget-element-5904048315061222-38"> <div class="left-content" data-ph-id="ph-widget-element-5904048315061222-39"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" ph-card-block-num="1" data-ph-id="ph-widget-element-5904048315061222-40"> </div> </div> <div class="right-content" data-ph-id="ph-widget-element-5904048315061222-44"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" ph-card-block-num="2" data-ph-id="ph-widget-element-5904048315061222-45"> <ppc-container component-content-key="heading" class="header element-left brand-color-primary ph-cc-d-p-l-0" data-ph-cid="heading1" data-ph-id="ph-widget-element-5904048315061222-46" style="font-family: TPRubrik-Regular;"> <span key-aria-level="kehIW9-Wwro6c-7ZNd0f-ph-content-cc-view8-option1-heading-text-aria-level" key-role="kehIW9-Wwro6c-7ZNd0f-ph-content-cc-view8-option1-heading-text-role" instance-id="Wwro6c-7ZNd0f" data-ph-id="ph-widget-element-5904048315061222-47"> <ppc-content key="kehIW9-Wwro6c-7ZNd0f-ph-content-cc-view8-option1-heading-text" data-ph-at-id="heading-text" instance-id="Wwro6c-7ZNd0f" data-ph-id="ph-widget-element-5904048315061222-48"><div><span class="ph-qkqNi">Student & Contract Roles</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-left ph-XkkQ1 ph-cc-d-p-l-0" data-ph-cid="description1" data-ph-id="ph-widget-element-5904048315061222-49"> <span class="description-block" data-ph-id="ph-widget-element-5904048315061222-50"> <ppc-content key="kehIW9-Wwro6c-yJfz0R-ph-content-cc-view8-option1-description-text" data-ph-at-id="description-text" instance-id="Wwro6c-yJfz0R" data-ph-id="ph-widget-element-5904048315061222-51">Explore CHOP, cultivate new skills, and grow your career as a student or contract employee. Our unique programs include a Nursing externship, co-op, residency, and travel team. </ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716232675852" view="1716232675926-video-popup-media-large-cc-view1-option2" original-view="ph-video-popup-media-large-cc-view1-option2" instance-id="fgg4q7" theme="theme9"><div class="ph-video-popup-media-large-cc-view1-option2-theme9 ph-widget-target" data-ph-id="-1716232675852-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716232675926-video-popup-media-large-cc-view1-option2" original-view="ph-video-popup-media-large-cc-view1-option2" theme="theme9" ph-removed="true" instance-id="fgg4q7"><div class="ph-component-cntr ph-widget-box header-center heading-block-hide" max-allowed-cards="4" data-ph-id="ph-widget-element-5666921924125002-2"> <div class="inner-container ph-cc-d-p-r-0 ph-cc-d-p-l-0 ph-cc-d-p-t-20 ph-cc-d-p-b-0" data-ph-id="ph-widget-element-5666921924125002-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5666921924125002-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="kpoaO7" data-ph-id="ph-widget-element-5666921924125002-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5666921924125002-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5666921924125002-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5666921924125002-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-5666921924125002-19"> <div class="ph-card" card-name="ph-video-popup-cc-view1" card-layout="ph-layout-h" key-role="fgg4q7-v1Gzvg-ph-video-popup-media-large-cc-view1-option2-listItemRole" instance-id="v1Gzvg" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5666921924125002-20"> <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-5666921924125002-21"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5666921924125002-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5666921924125002-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-5666921924125002-24"> <figure class="image" role="presentation" key-role="fgg4q7-v1Gzvg-pPNMVg-ph-video-popup-media-large-cc-view1-option2-keyRoleText" instance-id="v1Gzvg-pPNMVg" data-ph-id="ph-widget-element-5666921924125002-25"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5666921924125002-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5666921924125002-27"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/BrandNewDay-1716241542198.png" key-src="fgg4q7-v1Gzvg-ztGSSZ-ph-video-popup-media-large-cc-view1-option2-image-src" alt="Summer Internship 2018 Recap" key-alt="fgg4q7-v1Gzvg-ztGSSZ-ph-video-popup-media-large-cc-view1-option2-image-alt-text" data-ph-cid="primary-image1" instance-id="v1Gzvg-ztGSSZ" data-ph-id="ph-widget-element-5666921924125002-28" height-val="446" /> </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-5666921924125002-29"> <ppc-container component-content-key="video-popup" class="video-popup" data-ph-cid="video-popup1" data-ph-id="ph-widget-element-5666921924125002-30"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video in dialog" key-aria-label="fgg4q7-v1Gzvg-IuBBuA-ph-video-popup-media-large-cc-view1-option2-play-button-aria-label" ph-tevent="static_content_click" instance-id="v1Gzvg-IuBBuA" data-ph-id="ph-widget-element-5666921924125002-31"> <figure class="image" data-ph-id="ph-widget-element-5666921924125002-32"> <span data-ph-id="ph-widget-element-5666921924125002-33"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5666921924125002-34"> <img src="https://assets.phenompeople.com/CareerConnectResources/common/assets/images/image-placeholders/video_play.png" key-src="fgg4q7-v1Gzvg-IuBBuA-ph-video-popup-media-large-cc-view1-option2-play-button" alt="" key-alt="fgg4q7-v1Gzvg-IuBBuA-ph-video-popup-media-large-cc-view1-option2-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="HJD7J2vEUSQ" pha-autoplay="0" instance-id="v1Gzvg-IuBBuA" data-ph-id="ph-widget-element-5666921924125002-35" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="false" /> </ppc-content> </span> <figcaption data-ph-id="ph-widget-element-5666921924125002-36"> <span data-ph-id="ph-widget-element-5666921924125002-37"> <ppc-content key="fgg4q7-v1Gzvg-IuBBuA-ph-video-popup-media-large-cc-view1-option2-play-button-text1" instance-id="v1Gzvg-IuBBuA" data-ph-id="ph-widget-element-5666921924125002-38"> Watch </ppc-content> </span> <span data-ph-id="ph-widget-element-5666921924125002-39"> <ppc-content key="fgg4q7-v1Gzvg-IuBBuA-ph-video-popup-media-large-cc-view1-option2-play-button-text2" instance-id="v1Gzvg-IuBBuA" data-ph-id="ph-widget-element-5666921924125002-40"> the video </ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="popup-container" data-ph-id="ph-widget-element-5666921924125002-41"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-5666921924125002-42"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-5666921924125002-43"> <div class="modal fade in show" role="dialog" aria-modal="true" data-ph-id="ph-widget-element-5666921924125002-44"> <div class="modal-dialog" data-ph-id="ph-widget-element-5666921924125002-45"> <button class="ph-gallery-close close" type="button" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-5666921924125002-46"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5666921924125002-47"></i> <span class="sr-only" data-ph-id="ph-widget-element-5666921924125002-48"> <ppc-content key="fgg4q7-v1Gzvg-Oa3uJS-ph-video-popup-media-large-cc-view1-option2-closePopupText" data-ph-at-id="close-the-popup-text" instance-id="v1Gzvg-Oa3uJS" data-ph-id="ph-widget-element-5666921924125002-49"> Close the popup </ppc-content> </span> </button> <div class="modal-content" data-ph-id="ph-widget-element-5666921924125002-50"> <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" data-ph-id="ph-widget-element-5666921924125002-51"> <div class="ph-gallery-item-container" data-ph-id="ph-widget-element-5666921924125002-52"> Loading... </div> </div> <div class="ph-gallery-footer hide" data-ph-id="ph-widget-element-5666921924125002-53"> <button class="btn ph-gallery-description" aria-live="assertive" aria-pressed="false" data-ph-id="ph-widget-element-5666921924125002-54"> <i class="icon icon-audio-description" aria-hidden="true" data-ph-id="ph-widget-element-5666921924125002-55"></i> <span class="disableDescripton" data-ph-id="ph-widget-element-5666921924125002-56"> <ppc-content key="fgg4q7-v1Gzvg-Oa3uJS-ph-video-popup-media-large-cc-view1-option2-disableDescriptonText" instance-id="v1Gzvg-Oa3uJS" data-ph-id="ph-widget-element-5666921924125002-57"> Disable Audio Description </ppc-content> </span> <span class="enableDescripton" data-ph-id="ph-widget-element-5666921924125002-58"> <ppc-content key="fgg4q7-v1Gzvg-Oa3uJS-ph-video-popup-media-large-cc-view1-option2-enableDescriptonText" instance-id="v1Gzvg-Oa3uJS" data-ph-id="ph-widget-element-5666921924125002-59"> Enable Audio Description </ppc-content> </span> </button> <button class="btn ph-gallery-transcript" data-ph-id="ph-widget-element-5666921924125002-60"> <i class="icon icon-tanscript" aria-hidden="true" data-ph-id="ph-widget-element-5666921924125002-61"></i> <span data-ph-id="ph-widget-element-5666921924125002-62"> <ppc-content key="fgg4q7-v1Gzvg-Oa3uJS-ph-video-popup-media-large-cc-view1-option2-enableTranscriptionText" instance-id="v1Gzvg-Oa3uJS" data-ph-id="ph-widget-element-5666921924125002-63"> Transcript </ppc-content> </span> </button> </div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716475262614" view="1716475262726-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="6FBuRH" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716475511030" view="1716475511158-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="D07Yrr" theme="theme1"></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1668462549596" view="1668462549665-media-link-cc-view1-option11" original-view="ph-media-link-cc-view1-option11" instance-id="iDul42" theme="theme3" global-widget="true" global-widget-id="m0p2xo"><div class="ph-media-link-cc-view1-option11-theme3 ph-widget-target" data-ph-id="-1668462549596-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1668462549665-media-link-cc-view1-option11" original-view="ph-media-link-cc-view1-option11" theme="theme3" ph-removed="true" instance-id="iDul42"><div class="ph-component-cntr ph-widget-box header-center heading-block-hide" data-ph-id="ph-widget-element-1668462549665-2"> <div class="inner-container ph-cc-d-p-t-40" data-ph-id="ph-widget-element-1668462549665-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1668462549665-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="B3Pky9" data-ph-id="ph-widget-element-1668462549665-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1668462549665-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1668462549665-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1668462549665-18"> <div class="ph-card-container stackable element-center" data-cards-per-row="four" role="list" key-role="tUA4Jc-ph-media-link-cc-view1-option11-cardListRole" data-ph-id="ph-widget-element-1668462549665-19"> <div class="ph-card ph-cc-d-p-a-4" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="tUA4Jc-DtW6lC-ph-media-link-cc-view1-option11-listItemRole" instance-id="DtW6lC" data-ph-id="ph-widget-element-1668462549665-20"> <div class="ph-media-link-cc-view1 ph-card-block ph-cc-d-p-a-4" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-1668462549665-21"> <ppc-container card-content-key="card-link" data-ph-id="ph-widget-element-1668462549665-22"> <a ph-href="https://twitter.com/CHOPCareers" key-ph-href="tUA4Jc-DtW6lC-athCcJ-ph-media-link-cc-view1-option11-href" title="" key-title="tUA4Jc-DtW6lC-athCcJ-ph-media-link-cc-view1-option11-media-link-cc-view1-title-text" ph-tevent="static_content_click" role="link" key-role="tUA4Jc-DtW6lC-athCcJ-ph-media-link-cc-view1-option11-action-link" instance-id="DtW6lC-athCcJ" data-ph-id="ph-widget-element-1668462549665-23" data-ph-href="https://twitter.com/CHOPCareers" hidelinktarget="false" target="_blank" arialabel=""> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1668462549665-24"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1668462549665-25"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1668462549665-26"> <figure class="image" key-role="tUA4Jc-DtW6lC-xkN8Qc-ph-media-link-cc-view1-option11-presentationRole" role="presentation" instance-id="DtW6lC-xkN8Qc" data-ph-id="ph-widget-element-1668462549665-27"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1668462549665-28"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1668462549665-29"> <img src="https://assets.phenompeople.com/CareerConnectResources/common/assets/images/image-placeholders/social_icon3.png" key-src="tUA4Jc-DtW6lC-LDmFov-ph-media-link-cc-view1-option11-image-src" alt="social share" key-alt="tUA4Jc-DtW6lC-LDmFov-ph-media-link-cc-view1-option11-image-alt-text" data-ph-cid="primary-image1" instance-id="DtW6lC-LDmFov" data-ph-id="ph-widget-element-1668462549665-30" height-val="48" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1668462549665-31"> <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-1668462549665-32"> <span aria-hidden="true" data-ph-id="ph-widget-element-1668462549665-42"></span> </div> </div> </div> </a> </ppc-container> </div> </div> <div class="ph-card ph-cc-d-p-a-4" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="tUA4Jc-RiuLMi-ph-media-link-cc-view1-option11-listItemRole" instance-id="RiuLMi" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1668462549665-43"> <div class="ph-media-link-cc-view1 ph-card-block ph-cc-d-p-a-4" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-1668462549665-44"> <ppc-container card-content-key="card-link" data-ph-id="ph-widget-element-1668462549665-45"> <a ph-href="https://www.facebook.com/CHOPcareers" key-ph-href="tUA4Jc-RiuLMi-vAWqCE-ph-media-link-cc-view1-option11-href" title="" key-title="tUA4Jc-RiuLMi-vAWqCE-ph-media-link-cc-view1-option11-media-link-cc-view1-title-text" ph-tevent="static_content_click" role="link" key-role="tUA4Jc-RiuLMi-vAWqCE-ph-media-link-cc-view1-option11-action-link" instance-id="RiuLMi-vAWqCE" data-ph-id="ph-widget-element-1668462549665-46" data-ph-href="https://www.facebook.com/CHOPcareers" hidelinktarget="false" arialabel="" target="_blank"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1668462549665-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1668462549665-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1668462549665-49"> <figure class="image" key-role="tUA4Jc-RiuLMi-6O5Eyk-ph-media-link-cc-view1-option11-presentationRole" role="presentation" instance-id="RiuLMi-6O5Eyk" data-ph-id="ph-widget-element-1668462549665-50"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1668462549665-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1668462549665-52"> <img src="https://assets.phenompeople.com/CareerConnectResources/common/assets/images/image-placeholders/social_icon1.png" key-src="tUA4Jc-RiuLMi-OmBj2r-ph-media-link-cc-view1-option11-image-src" alt="social share" key-alt="tUA4Jc-RiuLMi-OmBj2r-ph-media-link-cc-view1-option11-image-alt-text" data-ph-cid="primary-image1" instance-id="RiuLMi-OmBj2r" data-ph-id="ph-widget-element-1668462549665-53" height-val="48" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1668462549665-54"> <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-1668462549665-55"> <span aria-hidden="true" data-ph-id="ph-widget-element-1668462549665-65"></span> </div> </div> </div> </a> </ppc-container> </div> </div> <div class="ph-card ph-cc-d-p-a-4" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="tUA4Jc-fZvF1w-ph-media-link-cc-view1-option11-listItemRole" instance-id="fZvF1w" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1668462549665-66"> <div class="ph-media-link-cc-view1 ph-card-block ph-cc-d-p-a-4" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-1668462549665-67"> <ppc-container card-content-key="card-link" data-ph-id="ph-widget-element-1668462549665-68"> <a ph-href="https://www.linkedin.com/company/the-childrens-hospital-of-philadelphia/" key-ph-href="tUA4Jc-fZvF1w-2anaVS-ph-media-link-cc-view1-option11-href" title="" key-title="tUA4Jc-fZvF1w-2anaVS-ph-media-link-cc-view1-option11-media-link-cc-view1-title-text" ph-tevent="static_content_click" role="link" key-role="tUA4Jc-fZvF1w-2anaVS-ph-media-link-cc-view1-option11-action-link" instance-id="fZvF1w-2anaVS" data-ph-id="ph-widget-element-1668462549665-69" data-ph-href="https://www.linkedin.com/company/the-childrens-hospital-of-philadelphia/" hidelinktarget="false" arialabel="" target="_blank"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1668462549665-70"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1668462549665-71"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1668462549665-72"> <figure class="image" key-role="tUA4Jc-fZvF1w-HPlOmu-ph-media-link-cc-view1-option11-presentationRole" role="presentation" instance-id="fZvF1w-HPlOmu" data-ph-id="ph-widget-element-1668462549665-73"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1668462549665-74"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1668462549665-75"> <img src="https://assets.phenompeople.com/CareerConnectResources/common/assets/images/image-placeholders/social_icon4.png" key-src="tUA4Jc-fZvF1w-49Pd1r-ph-media-link-cc-view1-option11-image-src" alt="social share" key-alt="tUA4Jc-fZvF1w-49Pd1r-ph-media-link-cc-view1-option11-image-alt-text" data-ph-cid="primary-image1" instance-id="fZvF1w-49Pd1r" data-ph-id="ph-widget-element-1668462549665-76" height-val="48" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1668462549665-77"> <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-1668462549665-78"> <span aria-hidden="true" data-ph-id="ph-widget-element-1668462549665-88"></span> </div> </div> </div> </a> </ppc-container> </div> </div> <div class="ph-card ph-cc-d-p-a-4" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="tUA4Jc-P4j9uB-ph-media-link-cc-view1-option11-listItemRole" instance-id="P4j9uB" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1668462549665-89"> <div class="ph-media-link-cc-view1 ph-card-block ph-cc-d-p-a-4" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-1668462549665-90"> <ppc-container card-content-key="card-link" data-ph-id="ph-widget-element-1668462549665-91"> <a ph-href="https://www.instagram.com/chopcareers/" key-ph-href="tUA4Jc-P4j9uB-3vA3GN-ph-media-link-cc-view1-option11-href" title="" key-title="tUA4Jc-P4j9uB-3vA3GN-ph-media-link-cc-view1-option11-media-link-cc-view1-title-text" ph-tevent="static_content_click" role="link" key-role="tUA4Jc-P4j9uB-3vA3GN-ph-media-link-cc-view1-option11-action-link" instance-id="P4j9uB-3vA3GN" data-ph-id="ph-widget-element-1668462549665-92" data-ph-href="https://www.instagram.com/chopcareers/" hidelinktarget="false" arialabel="" target="_blank"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1668462549665-93"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1668462549665-94"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1668462549665-95"> <figure class="image" key-role="tUA4Jc-P4j9uB-xXA702-ph-media-link-cc-view1-option11-presentationRole" role="presentation" instance-id="P4j9uB-xXA702" data-ph-id="ph-widget-element-1668462549665-96"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1668462549665-97"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1668462549665-98"> <img src="https://assets.phenompeople.com/CareerConnectResources/common/assets/images/image-placeholders/social_icon2.png" key-src="tUA4Jc-P4j9uB-aZtVpY-ph-media-link-cc-view1-option11-image-src" alt="social share" key-alt="tUA4Jc-P4j9uB-aZtVpY-ph-media-link-cc-view1-option11-image-alt-text" data-ph-cid="primary-image1" instance-id="P4j9uB-aZtVpY" data-ph-id="ph-widget-element-1668462549665-99" height-val="48" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1668462549665-100"> <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-1668462549665-101"> <span aria-hidden="true" data-ph-id="ph-widget-element-1668462549665-111"></span> </div> </div> </div> </a> </ppc-container> </div> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1717010660005" view="1717010660090-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="WbCujR" theme="theme1"><div class="ph-divider-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1717010660005-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1717010660090-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="WbCujR"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-6444292037777830-2"> <div class="inner-container ph-fluid-container ph-cc-d-p-t-0" data-ph-id="ph-widget-element-6444292037777830-3"> <ppc-container component-content-key="divider" class="divider" data-ph-cid="divider1" data-ph-id="ph-widget-element-6444292037777830-4"> <div class="divider-block" data-ph-id="ph-widget-element-6444292037777830-5" style="border-style: none;"> </div> </ppc-container> </div> </div> </div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1716391637399" view="1716391637757-content-cc-view4-option6" original-view="ph-content-cc-view4-option6" instance-id="qS8cib" theme="theme1"><div class="ph-content-cc-view4-option6-theme1 ph-widget-target" data-ph-id="-1716391637399-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1716391637757-content-cc-view4-option6" original-view="ph-content-cc-view4-option6" theme="theme1" ph-removed="true" instance-id="qS8cib"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" style="background-image: url("https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/Homepage-getstarted-1716413744712.png"); border-style: none; background-size: cover;" data-ph-id="ph-widget-element-5825269720266583-2"> <div class="inner-container" data-ph-id="ph-widget-element-5825269720266583-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5825269720266583-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="DHLC7Y" data-ph-id="ph-widget-element-5825269720266583-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5825269720266583-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5825269720266583-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5825269720266583-18"> <div class="ph-card-container stackable" data-cards-per-row="one" role="list" key-role="qS8cib-ph-content-cc-view4-option6-listRole" data-ph-id="ph-widget-element-5825269720266583-19"> <div class="ph-card" card-name="ph-content-cc-view4" instance-id="PMz2dp" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5825269720266583-20"> <div class="ph-content-cc-view4 ph-card-block" data-ph-at-id="ph-content-cc-view4" data-ph-id="ph-widget-element-5825269720266583-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5825269720266583-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5825269720266583-23"> <div class="content ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-5825269720266583-24"> <ppc-container component-content-key="heading" class="header ph-XkkQ1 ph-cc-d-f-s-28" data-ph-cid="heading1" data-ph-id="ph-widget-element-5825269720266583-28" style="font-family: TPRubrik-Medium;"> <span key-aria-level="qS8cib-PMz2dp-cdDgaR-ph-content-cc-view4-option6-heading-text-aria-level" key-role="qS8cib-PMz2dp-cdDgaR-ph-content-cc-view4-option6-heading-text-role" instance-id="PMz2dp-cdDgaR" data-ph-id="ph-widget-element-5825269720266583-29"> <ppc-content key="qS8cib-PMz2dp-cdDgaR-ph-content-cc-view4-option6-heading-text" data-ph-at-id="heading-text" instance-id="PMz2dp-cdDgaR" data-ph-id="ph-widget-element-5825269720266583-30">Become a Breakthrough Maker</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-XkkQ1" data-ph-cid="description1" data-ph-id="ph-widget-element-5825269720266583-31"> <span class="description-block" data-ph-id="ph-widget-element-5825269720266583-32"> <ppc-content key="qS8cib-PMz2dp-HX7PUC-ph-content-cc-view4-option6-description-text" data-ph-at-id="description-text" instance-id="PMz2dp-HX7PUC" data-ph-id="ph-widget-element-5825269720266583-33">At CHOP, your experience is valued; your voice is heard; and your contributions make a difference for patients and families. Join us as we build on our promise to advance pediatric care—and your career.</ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link secondary-button ph-icon-hide button-radius-lg" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5825269720266583-34"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5825269720266583-35"> <a class="action-link" ph-href="how-we-hire" key-ph-href="qS8cib-PMz2dp-36wKbS-ph-content-cc-view4-option6-primary-link-href" title="Learn more about our hiring process" key-title="qS8cib-PMz2dp-36wKbS-ph-content-cc-view4-option6-primary-link-title-text" aria-label="How We Hire page" key-aria-label="qS8cib-PMz2dp-36wKbS-ph-content-cc-view4-option6-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="PMz2dp-36wKbS" data-ph-id="ph-widget-element-5825269720266583-36"> <ppc-content key="qS8cib-PMz2dp-36wKbS-ph-content-cc-view4-option6-primary-link-text" data-ph-at-id="link-text" instance-id="PMz2dp-36wKbS" data-ph-id="ph-widget-element-5825269720266583-37">Get started</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5825269720266583-38"></i> </a> </div> </ppc-container> </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-page7-DD2aDR"> <div as-element="ph-recom-jobs-browsing-history-v3" class="ph-recom-jobs-browsing-history-v3-default-theme28 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="23c11d" view="default-1622923084713" original-view="default" data-ph-id="ph-page-element-page7-xMIgYR"></div> </section> <!--recently viewd jobs--> <section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page7-gzu9qg"> <div as-element="ph-recently-viewed-jobs-v3" class="ph-recently-viewed-jobs-v3-default-theme28 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="81a3gk" view="default-1622923135840" original-view="default" data-ph-id="ph-page-element-page7-TdIKKM"></div> </section> <!--nearbyjbs--> <section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page7-DO4E4I"> <div as-element="ph-near-by-jobs-v2" class="ph-near-by-jobs-v2-default-theme28 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="qi5top" view="default-1622923099781" original-view="default" data-ph-id="ph-page-element-page7-aZDD7f"></div> </section> <!-- glassdoor --> <!-- find out more --> <!-- A glimpse into Phenom life --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="Kgmg5O" data-ph-ft="nps" data-ph-id="ph-widget-element-1728898780955-aVWqSp"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page7-xVb1qH"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="YuBLHSet"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/scripts/1638512386904-custom.js" data-ph-id="ph-page-element-page7-l80ee8" 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_1707803524427.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1703681730128.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/CHOPUS/en_us/desktop/page7/caas-platform/page-views-1740096185819.js"></script></body> </html><div id='csrfToken' style='display:none'>5902103696da422f96bbc5b7b7ada7b7</div>