CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page12-vvSx1K" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page12-uQhrEc"><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/1200x630–CMSCareerShare-1663357875416.png" page-seo-overriden="true" /><meta property="og:site_name" content="Adobe" /><meta property="og:url" content="https://careers.adobe.com/us/en/home" /><meta property="og:title" content="Careers at Adobe | Adobe job opportunities." /><meta property="og:description" content="Join us to reinvent how people create and brands succeed. At Adobe, you’ll help make software that shows the world what digital experiences can be, from e-signatures to blockbuster movies to ecommerce sites and more." /><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="@adobe" /><meta name="twitter:creator" content="@Careers - adobe" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/social/1024x512-1649060525926.jpg" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Adobe | Adobe job opportunities." /><meta name="twitter:description" content="Join us to reinvent how people create and brands succeed. At Adobe, you’ll help make software that shows the world what digital experiences can be, from e-signatures to blockbuster movies to ecommerce sites and more." /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page12-cEnlH5" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page12-WrCFmw" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page12-qXjK9o" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page12-4ibGge" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page12-IxXLgd" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page12-a3XyRN" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page12-bhTSjD" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page12-5ZLa0V" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.adobe.com/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"ADOBUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.adobe.com/us/en/","baseDomain":"https://careers.adobe.com","phenomTrackURL":"careers.adobe.com/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.adobe.com","pageId":"page12"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/pcs/common/1740562659181-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":{"addToWaitListEnabled":true,"gdpr":{"cookieTypeV1":"persistent","showCookieSettings":false,"showDecline":true,"enabled":true,"cookieType":"persistent"},"locationSlider":false,"oneTimeLoginLink":true,"refineSearch":{"enabledFacets":["remote","country","state","city","experienceLevel","category","profession","employmentType","jobLevel"],"facetDisplayNames":{"remote":"Remote","country":"Country","state":"State/Province","city":"City","experienceLevel":"Experience Level","category":"Teams","profession":"Profession","employmentType":"Employment Type","jobLevel":"Role Type"},"facetPlaceholderNames":{"remote":"Remote","country":"Search in Country","state":"Search in State/Province","city":"Search in City","experienceLevel":"Experience Level","category":"Search in Teams","profession":"Profession","employmentType":"Employment Type","jobLevel":"Role Type"},"defaultFacetsToOpen":["country"]},"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":"806648551598-e91t8scjbfd4dulhd6m5itqnj8cbs73r.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"}},"captchaEnabledDDO":{"applySubmit":{"divIdSelector":".job-info","action":"apply_action"}},"captchaConfigTenant":{"useCaptcha":true,"siteKey":"6Ld6XfgdAAAAAOQKVA0cEfFaV-I_Xjz860B0Op2s"}},"size":"10","refNum":"ADOBUS","siteVariant":"external","privacyDataConsentCheckBox":false,"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":["candidateHome"],"cdnCaasContentEnabled":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://careers.adobe.com/us/en/blog"},"events":{"url":"https://careers.adobe.com/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/pcs/common/1740752575331-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"},"globalSearchFeature":{"mobileSearch":true},"isGoogleConsent":true,"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, #skipToMainContent, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"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":"806648551598-e91t8scjbfd4dulhd6m5itqnj8cbs73r.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":{"ADOBUS_Engineering_and_Product":"c/engineering-and-product-jobs","ADOBUS_Legal_and_Government_Relations":"c/legal-and-government-relations-jobs","ADOBUS_Customer_Experience":"c/customer-experience-jobs","ADOBUS_Design":"c/design-jobs","ADOBUS_Administration":"c/administration-jobs","ADOBUS_Research":"c/research-jobs","ADOBUS_Marketing_and_Strategy":"c/marketing-and-strategy-jobs","ADOBUS_Other":"c/other-jobs","ADOBUS_Sales":"c/sales-jobs","ADOBUS_Finance_and_Operations":"c/finance-and-operations-jobs","ADOBUS_Information_Technology":"c/information-technology-jobs","ADOBUS_Employee_Experience":"c/employee-experience-jobs","ADOBUS_Business":"c/business-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","Hvh apply2","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-social-connect-v1":"https://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-1739969019332.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"categories":{"status":200,"hits":0,"totalHits":818,"data":{"category":[{"internalId":"ADOBUS_Engineering_and_Product","total_count":378,"new_count":0,"display_name":"Engineering-and-Product","category":"Engineering and Product","key":"Engineering and Product"},{"internalId":"ADOBUS_Design","total_count":302,"new_count":0,"display_name":"Design","category":"Design","key":"Design"},{"internalId":"ADOBUS_Sales","total_count":262,"new_count":0,"display_name":"Sales","category":"Sales","key":"Sales"},{"internalId":"ADOBUS_Marketing_and_Strategy","total_count":65,"new_count":0,"display_name":"Marketing-and-Strategy","category":"Marketing and Strategy","key":"Marketing and Strategy"},{"internalId":"ADOBUS_Finance_and_Operations","total_count":30,"new_count":0,"display_name":"Finance-and-Operations","category":"Finance and Operations","key":"Finance and Operations"},{"internalId":"ADOBUS_Other","total_count":27,"new_count":0,"display_name":"Other","category":"Other","key":"Other"},{"internalId":"ADOBUS_Employee_Experience","total_count":18,"new_count":0,"display_name":"Employee-Experience","category":"Employee Experience","key":"Employee Experience"},{"internalId":"ADOBUS_Information_Technology","total_count":16,"new_count":0,"display_name":"Information-Technology","category":"Information Technology","key":"Information Technology"},{"internalId":"ADOBUS_Legal_and_Government_Relations","total_count":8,"new_count":0,"display_name":"Legal-and-Government-Relations","category":"Legal and Government Relations","key":"Legal and Government Relations"},{"internalId":"ADOBUS_Customer_Experience","total_count":7,"new_count":0,"display_name":"Customer-Experience","category":"Customer Experience","key":"Customer Experience"},{"internalId":"ADOBUS_Research","total_count":6,"new_count":0,"display_name":"Research","category":"Research","key":"Research"},{"internalId":"ADOBUS_Business","total_count":4,"new_count":0,"display_name":"Business","category":"Business","key":"Business"},{"internalId":"ADOBUS_Administration","total_count":1,"new_count":0,"display_name":"Administration","category":"Administration","key":"Administration"}]},"eid":"67d367d8e32af67a954561b8"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["categoryMasterDataV2","jobwidgetsettings","siteConfig","categories","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"af8c6e3bddb641678edc3474cbddbf6a","phProfileId":"25ce858f-76d0-485e-87ea-e2e7570ae03a","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.adobe.com/us/en/home" /><meta name="description" content="Join us to reinvent how people create and brands succeed. At Adobe, you’ll help make software that shows the world what digital experiences can be, from e-signatures to blockbuster movies to ecommerce sites and more." key-description="external-default-home-description" /><meta name="keywords" content="Careers at Adobe, Adobe jobs." key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.adobe.com/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta property="fb:admins" content="" /><title key="external-default-home-title">Careers at Adobe | Adobe job opportunities.</title><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.adobe.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.adobe.com/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.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/ADOBUS/page-scripts/ph-page-1733475083259.js" ph-script-type="components" defer=""></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-1600952348109-default-mobile" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-tall-header-boloya-frCBHR"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-tall-header-boloya-32I15z"> <!-- 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-tall-header-boloya-gRJfaM"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-gGHxMY"></i> <span data-ph-id="ph-page-element-tall-header-boloya-6hH4Dh">${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-tall-header-boloya-sCSEKp"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-9dbd52"></i> <span data-ph-id="ph-page-element-tall-header-boloya-mC1Tr4">${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-tall-header-boloya-bfWFf2"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-tall-header-boloya-3TInfb"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-tall-header-boloya-cZMoSX"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-BxzRs9"> <span data-ph-id="ph-page-element-tall-header-boloya-sFGd5k">${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-tall-header-boloya-MgjJEz"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-pNvgPC"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-tall-header-boloya-eKevHO"> <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-tall-header-boloya-z8qK4M"> ${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-tall-header-boloya-zC21h6"> ${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-tall-header-boloya-dvrO3M"> <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-tall-header-boloya-9jrorD"> ${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-tall-header-boloya-9fHwqK"> <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-tall-header-boloya-4RDt8b"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-tall-header-boloya-7364XR"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-tall-header-boloya-REkIzf"> <!-- 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-tall-header-boloya-VQz4Ko"> <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-tall-header-boloya-3t3rKV"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-ip84Sn"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-tall-header-boloya-Z7cxnl"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-tall-header-boloya-Ld6OFw"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-boloya-Oy1PKm"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-tall-header-boloya-vpng7g"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-boloya-3VNMYe"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-boloya-WPe0MK"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-tall-header-boloya-w7kLwA"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-boloya-JbriIY"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-tall-header-boloya-aiaEWP"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-tall-header-boloya-OUOBRr"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-boloya-DJyFZU"> ${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-tall-header-boloya-Gs57g4"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-tall-header-boloya-unwhYS"> <form novalidate="" data-ph-id="ph-page-element-tall-header-boloya-HCuAcP"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-tall-header-boloya-EZifJj"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-tall-header-boloya-6ftMJd"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-tall-header-boloya-I8rkSR"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-S0k6RB"> <div class="text-box" data-ph-id="ph-page-element-tall-header-boloya-R4hU0A"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" data-ph-id="ph-page-element-tall-header-boloya-EWV8aE"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-tall-header-boloya-AB8edf"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-tall-header-boloya-aTRW4u"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-tall-header-boloya-hTQeM5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-JsAwON"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-tall-header-boloya-gIrjvL"> ${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-tall-header-boloya-fKXr3T"> ${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-tall-header-boloya-hUUl9E"> ${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-tall-header-boloya-pQwiLi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-tall-header-boloya-Dv8sK5"> ${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-tall-header-boloya-v8y86I"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-tall-header-boloya-b2OjPB"> ${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-tall-header-boloya-uBZVDo"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-tall-header-boloya-PGvuJQ"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-mMxjqy"> <div class="text-box" data-ph-id="ph-page-element-tall-header-boloya-nw0aqG"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" data-ph-id="ph-page-element-tall-header-boloya-pk1EcP"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-tall-header-boloya-YnU7be"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-tall-header-boloya-YxCy08"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-tall-header-boloya-32U3zY"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-ExHNPi"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-e1kj2w"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-VqRxI3"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-boloya-zd199i"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-boloya-JgU4Cu"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-tall-header-boloya-vKHKzD"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-gDvPqP"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-tall-header-boloya-zHI1Ca"> ${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-tall-header-boloya-xbx72p"> ${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-tall-header-boloya-PX5woZ"> ${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-tall-header-boloya-9VoxFy"> ${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-tall-header-boloya-ySLeLQ"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-tall-header-boloya-F4r3nC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-KTRV2l"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-boloya-8VIQbP"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-tall-header-boloya-Pecojt"> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-w7fPLv"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-boloya-K7oSZq"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-VbNout"> <div class="user-options" data-ph-id="ph-page-element-tall-header-boloya-1GN2rN"> <span class="each-option" data-ph-id="ph-page-element-tall-header-boloya-wE3VDz"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-tall-header-boloya-ItGNyi"> <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-tall-header-boloya-jYJb0u"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-t9qv4q"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-my72rz"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-tall-header-boloya-eHzTkV"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-tall-header-boloya-zVqQb8"> <span class="forgot-password-area" data-ph-id="ph-page-element-tall-header-boloya-mffgvU"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-tall-header-boloya-ksYNkE"> ${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-tall-header-boloya-2AgisI"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-tall-header-boloya-gp0CYr"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-sZZDr1"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-boloya-BytO0f"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-tall-header-boloya-Ms6XOP"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-zyzbDM"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-boloya-Jwul82"> ${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-tall-header-boloya-rSfhY6"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-tall-header-boloya-bbSTUb"> ${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-tall-header-boloya-JJxtgH"> ${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-tall-header-boloya-uEmsmA"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-tall-header-boloya-1Cx1br"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-tall-header-boloya-xNjkTN"> <!-- 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-tall-header-boloya-VWr7Al"> <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-tall-header-boloya-TD7iNI"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-tall-header-boloya-O2qpgV"></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-tall-header-boloya-KBFYIs"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-tall-header-boloya-MPOA9C"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-boloya-8T1rXp"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-tall-header-boloya-nYDkQo"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-boloya-23smeP"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-tall-header-boloya-bnUp9l"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-tall-header-boloya-PhM62c"> <form novalidate="" data-ph-id="ph-page-element-tall-header-boloya-wyCxDV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-tall-header-boloya-qJy1me"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-tall-header-boloya-mPzscf"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-tall-header-boloya-SkSVmo"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-s4STzL"> <div class="text-box" data-ph-id="ph-page-element-tall-header-boloya-0ZiMrT"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" data-ph-id="ph-page-element-tall-header-boloya-q6l0CB"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-tall-header-boloya-dm9FDH"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-tall-header-boloya-Y3ZPEa"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-tall-header-boloya-A6BVv0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-WEbjii"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-tall-header-boloya-kq47gF"> ${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-tall-header-boloya-91s9Al"> ${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-tall-header-boloya-y7xSdv"> ${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-tall-header-boloya-1AUtyB"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-tall-header-boloya-ooAtOe"> ${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-tall-header-boloya-A8iUFO"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-tall-header-boloya-mXDU5B"> ${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-tall-header-boloya-7FVX3z"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-tall-header-boloya-Y6TeK4"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-ezTsid"> <div class="text-box" data-ph-id="ph-page-element-tall-header-boloya-FmBhmm"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" data-ph-id="ph-page-element-tall-header-boloya-EHEmTM"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-tall-header-boloya-bnPg8Q"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-tall-header-boloya-sdWiqX"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-tall-header-boloya-AoUYHt"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-tall-header-boloya-Q4WsID"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-4XYp7j"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-TADhib"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-TtAyS0"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-boloya-zBOG2n"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-boloya-YEbTnP"> ${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-tall-header-boloya-KhxBfz"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-tall-header-boloya-Odz2LY"> <span class="sr-only" data-ph-id="ph-page-element-tall-header-boloya-1DtWd0"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-tall-header-boloya-vt6Qmz"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-tall-header-boloya-XK9LI3"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-tall-header-boloya-5ddhcl"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-tall-header-boloya-gJYYc5"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-tall-header-boloya-3s0Jtg"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-tall-header-boloya-NDRUZs"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-boloya-EVntew">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-boloya-3GnC6C">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-boloya-kYKCDD">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-boloya-xq6AYH">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-boloya-PzGXXw"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-tall-header-boloya-qcCuLY"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-boloya-hkimOm"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-boloya-iFq81h"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-tall-header-boloya-fHhgQu"> <div class="form-container" data-ph-id="ph-page-element-tall-header-boloya-forn5u"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-boloya-EUI4mi"> ${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-tall-header-boloya-jXT519"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-tall-header-boloya-Beb80B"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-tall-header-boloya-CVRkMb"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-tall-header-boloya-ma29id"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" view="1600952348127-view5" data-ph-id="ph-page-element-tall-header-boloya-a4vWj9" parent-view="1600952348109-default-mobile" original-view="view5"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-tall-header-boloya-GTBKo8"> <span data-ph-id="ph-page-element-tall-header-boloya-sStowa"> ${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-tall-header-boloya-pdYjbl"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-tall-header-boloya-G1k1tR"> <span data-ph-id="ph-page-element-tall-header-boloya-eEpTmS"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-tall-header-boloya-qkCgoH"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-page-element-tall-header-boloya-SexG8b"> <a class="termsLink" target="_blank" href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-tall-header-boloya-l3GFwK">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-tall-header-boloya-XZKzQE">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1600952348127-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-tall-header--mJ1oUW"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-tall-header--tEeSJl"> <div class="widget-container" data-ph-id="ph-page-element-tall-header--KyDxHK"> <div class="content-block" data-ph-id="ph-page-element-tall-header--BYym8A"> <ul class="login-link-list" role="list" key-role="listRole" data-ph-id="ph-page-element-tall-header--qq4C1f"> <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="listItemRole" data-ph-id="ph-page-element-tall-header--EqsrSy"> <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-page-element-tall-header--qSHVhL"> <div class="icon-block" data-ph-id="ph-page-element-tall-header--aziTQ9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-tall-header--eeNYlm"></i> </div> <div class="text-block" data-ph-id="ph-page-element-tall-header--uBqmua"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1600952348149-default-signout" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-tall-header-loloya-m3VpZA"> <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-tall-header-loloya-Z10rt5"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-loloya-8fIatK"></i> <span data-ph-id="ph-page-element-tall-header-loloya-JA2ofT">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1600952348163-default" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-tall-header-fujiya-8BlgoH"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-tall-header-fujiya-42Wl1o"> <!-- 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-tall-header-fujiya-QMK5P7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-LI7FbZ"></i> <span data-ph-id="ph-page-element-tall-header-fujiya-kZ3zS0">${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-tall-header-fujiya-N2LUb7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-TjWV5I"></i> <span data-ph-id="ph-page-element-tall-header-fujiya-DMWd8T">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-tall-header-fujiya-asHoAb"> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-tall-header-fujiya-QwHhjn"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-ajqgb7"> <span data-ph-id="ph-page-element-tall-header-fujiya-CBezZp">${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-tall-header-fujiya-yRExRI"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-eB3eK5"></i> </span> <span class="user-name fs-block" title="${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email}" data-ph-id="ph-page-element-tall-header-fujiya-U22GA3"> ${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-tall-header-fujiya-P3iPm2"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-tall-header-fujiya-ypApg4"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-WLEpsc"> <span data-ph-id="ph-page-element-tall-header-fujiya-nHjFda">${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-tall-header-fujiya-yYvU95"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-XtPpQK"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-tall-header-fujiya-JFNNDf"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" data-ph-id="ph-page-element-tall-header-fujiya-p5f5Gj"> ${profileDetails.profile.firstName} ${profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-tall-header-fujiya-JjsNas"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-tall-header-fujiya-mD8kw8"> <div class="user-actions-list" data-ph-id="ph-page-element-tall-header-fujiya-ntZgyf"> <div class="user-actions-listitem" data-ph-id="ph-page-element-tall-header-fujiya-BjUi5c"> <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-tall-header-fujiya-drApKN"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-tall-header-fujiya-s1kwqG"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-tall-header-fujiya-3XjS4l"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-tall-header-fujiya-RinkVm"> <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-tall-header-fujiya-bDTGc4"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-tall-header-fujiya-cTN4dO"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-tall-header-fujiya-41nA5V"> <!-- 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-tall-header-fujiya-p5ARGm"> <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-tall-header-fujiya-SuXgJa"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-Hvmr8L"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-tall-header-fujiya-RQNUf6"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-tall-header-fujiya-xgzded"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-fujiya-80O1P8"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-tall-header-fujiya-C7hh73"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-fujiya-eKKkrG"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-fujiya-q5pWQ3"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-tall-header-fujiya-PkuBfG"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-fujiya-9QkUgQ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-tall-header-fujiya-FnttDv"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-tall-header-fujiya-8OiNaB"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-fujiya-De1nWv"> ${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-tall-header-fujiya-zYDyGH"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-tall-header-fujiya-Q8bbXB"> <form novalidate="" data-ph-id="ph-page-element-tall-header-fujiya-bDh6t2"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-tall-header-fujiya-gvrufT"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-tall-header-fujiya-AYd9fg"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-tall-header-fujiya-0EnceV"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-z04MUB"> <div class="text-box" data-ph-id="ph-page-element-tall-header-fujiya-okzSBV"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" data-ph-id="ph-page-element-tall-header-fujiya-ycX5iJ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-tall-header-fujiya-8mf0zP"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-tall-header-fujiya-ip79pt"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-tall-header-fujiya-NQw5tH"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-kuuZco"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-tall-header-fujiya-0XaVMX"> ${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-tall-header-fujiya-g0njNq"> ${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-tall-header-fujiya-oE2Q1c"> ${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-tall-header-fujiya-xw9EWG"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-tall-header-fujiya-BrbJc5"> ${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-tall-header-fujiya-5alit6"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-tall-header-fujiya-02dpWD"> ${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-tall-header-fujiya-CqARqm"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-tall-header-fujiya-7U1uA9"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-dRwANu"> <div class="text-box" data-ph-id="ph-page-element-tall-header-fujiya-gNsLAp"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" data-ph-id="ph-page-element-tall-header-fujiya-7vuRbE"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-tall-header-fujiya-LlKMma"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-tall-header-fujiya-8TCf9v"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-tall-header-fujiya-wCqtbE"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-T2N99f"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-uwEBkS"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-b9f35C"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-fujiya-xtKGFT"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-fujiya-KrEBgA"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-tall-header-fujiya-V6J2wZ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-Pm2H9O"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-tall-header-fujiya-WmcakU"> ${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-tall-header-fujiya-Pjvtne"> ${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-tall-header-fujiya-Zc0idu"> ${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-tall-header-fujiya-4XMzy8"> ${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-tall-header-fujiya-EwprDp"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-tall-header-fujiya-fvDC4l"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-kn0LS4"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-fujiya-q9tNLr"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-tall-header-fujiya-yGlQ6C"> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-pGWdrv"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-fujiya-VFJdUZ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-5Aqg2n"> <div class="user-options" data-ph-id="ph-page-element-tall-header-fujiya-b4D0Qd"> <span class="each-option" data-ph-id="ph-page-element-tall-header-fujiya-IavVYi"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-tall-header-fujiya-MN34LV"> <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-tall-header-fujiya-2xLxDn"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-tc4Bzx"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-VPFO7t"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-tall-header-fujiya-XyR9Jp"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-tall-header-fujiya-BcwC44"> <span class="forgot-password-area" data-ph-id="ph-page-element-tall-header-fujiya-4lighB"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-tall-header-fujiya-hB4SKT"> ${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-tall-header-fujiya-S5E2Bb"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-tall-header-fujiya-efZv2T"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-gYm5TO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-fujiya-qvD1Qo"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-tall-header-fujiya-U3VhQj"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-LVUfot"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-fujiya-agqe85"> ${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-tall-header-fujiya-ZEZleg"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-tall-header-fujiya-Xt0S2u"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-describedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-tall-header-fujiya-FTrPWA"> ${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-tall-header-fujiya-9sXO9G"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-tall-header-fujiya-xhAexN"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-tall-header-fujiya-QDxauw"> <!-- 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-tall-header-fujiya-zQFnSE"> <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-tall-header-fujiya-eVlvvo"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-tall-header-fujiya-dTClaM"></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-tall-header-fujiya-NXpWyI"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-tall-header-fujiya-TDR20M"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-tall-header-fujiya-moS0hA"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-tall-header-fujiya-kv5cvn"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-tall-header-fujiya-ok9b33"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-tall-header-fujiya-5Fdr3l"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-tall-header-fujiya-ukozHx"> <form novalidate="" data-ph-id="ph-page-element-tall-header-fujiya-VfbbWo"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-tall-header-fujiya-UGO4Sk"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-tall-header-fujiya-AueY9G"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-tall-header-fujiya-mHZmmR"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-k6K5fJ"> <div class="text-box" data-ph-id="ph-page-element-tall-header-fujiya-pQXn49"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" data-ph-id="ph-page-element-tall-header-fujiya-TGWUXP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-tall-header-fujiya-5bzoNe"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-tall-header-fujiya-u0WIHy"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-tall-header-fujiya-VXVbZO"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-krA3Vu"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-tall-header-fujiya-CDROPP"> ${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-tall-header-fujiya-YuZbnn"> ${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-tall-header-fujiya-ra4OaS"> ${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-tall-header-fujiya-xlyXQI"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-tall-header-fujiya-OEKNkl"> ${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-tall-header-fujiya-F36fEg"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-tall-header-fujiya-Del6F6"> ${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-tall-header-fujiya-aJpIeX"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-tall-header-fujiya-aahoMS"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-nnGOW8"> <div class="text-box" data-ph-id="ph-page-element-tall-header-fujiya-4fZCJp"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" data-ph-id="ph-page-element-tall-header-fujiya-4DZOGL"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-tall-header-fujiya-Iqg4t9"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-tall-header-fujiya-AlHYlU"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-tall-header-fujiya-5I1e9m"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-tall-header-fujiya-vO2U4x"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-zBqzOw"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-8LfChx"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-Iscl1Y"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-fujiya-9Rmtvd"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-tall-header-fujiya-WJIQXP"> ${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-tall-header-fujiya-JufAkY"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-tall-header-fujiya-mwYSmr"> <span class="sr-only" data-ph-id="ph-page-element-tall-header-fujiya-LehAfS"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-tall-header-fujiya-RPLads"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-tall-header-fujiya-TYeG2P"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-tall-header-fujiya-ydx3hK"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-tall-header-fujiya-jGy5Sk"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-tall-header-fujiya-fQNbqv"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-tall-header-fujiya-5N6cBr"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-fujiya-56XWe3">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-fujiya-KSQ5Z6">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-fujiya-EyXw9L">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-tall-header-fujiya-mH9DQK">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-tall-header-fujiya-OZczEY"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-tall-header-fujiya-oEQijs"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-tall-header-fujiya-XXqDEb"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-tall-header-fujiya-sWLhwD"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-tall-header-fujiya-EDVdLm"> <div class="form-container" data-ph-id="ph-page-element-tall-header-fujiya-nNR65H"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-tall-header-fujiya-ISMuyl"> ${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-tall-header-fujiya-KKJ7ga"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-tall-header-fujiya-Kgd5i7"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-tall-header-fujiya-G9Q3M5"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-tall-header-fujiya-3Q5aik"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" view="1600952348198-view5" data-ph-id="ph-page-element-tall-header-fujiya-bMBNCW" parent-view="1600952348163-default" original-view="view5"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-tall-header-fujiya-VZb4GD"> <span data-ph-id="ph-page-element-tall-header-fujiya-hHtuSN"> ${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-tall-header-fujiya-s9MNY7"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-tall-header-fujiya-QT9hnp"> <span data-ph-id="ph-page-element-tall-header-fujiya-LpUWk0"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-tall-header-fujiya-lbouB7"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-page-element-tall-header-fujiya-MfFI0D"> <a class="termsLink" target="_blank" href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-tall-header-fujiya-BBdA9r">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-tall-header-fujiya-GLS9HE">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1600952348198-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-tall-header--y8ePiu"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-tall-header--daVPi9"> <div class="widget-container" data-ph-id="ph-page-element-tall-header--Po8y2z"> <div class="content-block" data-ph-id="ph-page-element-tall-header--hVCXgJ"> <ul class="login-link-list" role="list" key-role="listRole" data-ph-id="ph-page-element-tall-header--VDgyLI"> <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="listItemRole" data-ph-id="ph-page-element-tall-header--o0xTH2"> <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-page-element-tall-header--Hk9WMy"> <div class="icon-block" data-ph-id="ph-page-element-tall-header--VzAvAK"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-tall-header--84E0X6"></i> </div> <div class="text-block" data-ph-id="ph-page-element-tall-header--Oh9bzO"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-1600952348156-view3" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-tall-header-43qw7q-NVLUWy"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-tall-header-43qw7q-2iPkH2"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-tall-header-43qw7q-28Vmvt"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-tall-header-43qw7q-d75FN0"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-tall-header-43qw7q-A64Lgt"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-tall-header-43qw7q-owPIxj"></i> <span class="sr-only" data-ph-id="ph-page-element-tall-header-43qw7q-MbAdUs"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-tall-header-43qw7q-QFu9KM"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-tall-header-43qw7q-YWbIev"> ${choosenLanguage.languageDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-tall-header-43qw7q-UNXQBf"></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-tall-header-43qw7q-UyUdPy"> <div class="search-area ph-a11y-search-area" role="search" aria-expanded="false" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-tall-header-43qw7q-Cwdsxo"> <input type="text" name="language-listbox" aria-label="Search from below list" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" placeholder="Enter location or Language" key-placeholder="43qw7q-ph-language-selector-v2-view3-languageSearchPlaceholderText" data-show-listbox="false" data-ph-id="ph-page-element-tall-header-43qw7q-k8Taim" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-tall-header-43qw7q-4vbSDM"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-tall-header-43qw7q-nnKSkc"> <ppc-content type="icon" data-ph-id="ph-page-element-tall-header-43qw7q-o4HnGV"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-tall-header-43qw7q-068upL"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-tall-header-43qw7q-QJO3QO"> <ppc-content key="43qw7q-ph-language-selector-v2-view3-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-tall-header-43qw7q-R4QKGz">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-tall-header-43qw7q-tEmBNl"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-tall-header-43qw7q-gZVzTH"> <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-tall-header-43qw7q-Y0IoHG"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-tall-header-43qw7q-NpuJFS"></span> <div class="country" data-ph-id="ph-page-element-tall-header-43qw7q-drXAmv"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-tall-header-43qw7q-eVWXIr"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-tall-header-43qw7q-fu47zK"> <ppc-content data-ph-id="ph-page-element-tall-header-43qw7q-T9cNEp"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-tall-header-43qw7q-QQg6Zr"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-tall-header-43qw7q-tt9h63"> <ppc-content key="43qw7q-ph-language-selector-v2-view3-noResultFoundText" data-ph-id="ph-page-element-tall-header-43qw7q-memjQz"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-tall-header-43qw7q-43PgmD"> ${roots.length} <ppc-content key="43qw7q-ph-language-selector-v2-view3-sugessionText" data-ph-id="ph-page-element-tall-header-43qw7q-9oweVX"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-1600952348210-view2" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-tall-header-jkn0zo-FggMUg"> <a ph-href="jobcart" aria-atomic="true" aria-live="assertive" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" data-ph-id="ph-page-element-tall-header-jkn0zo-1Sr48U"> <!-- <i class="${jobCartCount > 0? 'icon icon-cart-lg' : 'icon icon-cart'}" aria-hidden="true"></i> --> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-tall-header-jkn0zo-A4h5Sb"></i> <span class="linkText" data-ph-at-id="heading-text" data-ph-id="ph-page-element-tall-header-jkn0zo-dM67zZ"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" data-ph-id="ph-page-element-tall-header-jkn0zo-qpFmNW"> (${jobCartCount})</span> </a> </div> </script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page12";</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1658407608095" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-bF39Yz"> <div class="container" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-5cPpRt"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-BJ8l9Y"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-bNaC5N"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="gdpr-GCuHot-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1649065664598-default-ph-cookie-popup-v2YHETT0-onSkhF">Cookie Settings</a> page. </ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-NhzAuE"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-jWjp9s"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-GL0RZ4"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-Guafrq"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-0ErxD1"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-1fOwZF"> 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-1658407600702-default-ph-cookie-popup-v2R4MvVG-pgMhEy"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-SD8J4B"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-2tNifC"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-1TewKb"> <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-1658407600702-default-ph-cookie-popup-v2R4MvVG-HtQIxn"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-dc7104"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-tZ7z15"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-mzhTzt"> 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-1658407600702-default-ph-cookie-popup-v2R4MvVG-3Apbbw"> <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-1658407600702-default-ph-cookie-popup-v2R4MvVG-VaqHFt"> <i class="icon icon-check-mark" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-VOSp7d"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1658407600702-default-ph-cookie-popup-v2R4MvVG-17aVWj"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1558015937555-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1628142129167-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-page12-wFmDMD"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page12-3NcDAE"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page12-enn8xH"> <div class="modal-content" data-ph-id="ph-page-element-page12-Ub6sBs"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-hVbX4c"> <!--<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-page12-tVao4o"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-dfxkm1"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-zNrZxg"><ppc-content key="ph-email-job-v1-view3-1gd0h6-1EHtMk" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page12-NN1Int"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page12-ibfszZ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qxMzyK" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page12-HJkBBz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page12-oXizsB"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZwW7CP" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page12-cvZj8D"> 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-page12-faTD95"> <div class="content-block" data-ph-id="ph-page-element-page12-RX8RUH"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page12-jkmQO9"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-FEzi60"> <label for="name" data-ph-id="ph-page-element-page12-UHt0jN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8U23h3" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page12-RJHVEg"> 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-OYgIbb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-Xg3TGo" data-ph-at-id="name-input" data-ph-id="ph-page-element-page12-pzGa3F"> <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-page12-V1rnpT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UseRZQ" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page12-4xSlcv"> 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-page12-QWUjli"> <label for="email" data-ph-id="ph-page-element-page12-DB06mo"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3H1N5z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page12-9GKMmC"> 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-U19wUG" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page12-YCRzca"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page12-SBzO13"> <span class="sr-only" data-ph-id="ph-page-element-page12-Znul3I">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page12-8BneyF"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-m8fIVM" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page12-jQaoaV"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page12-kGCV8J"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PdoSN7" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page12-uXMVTM"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page12-dyv2zY"> <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-page12-rPpVkg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AooT4m" data-ph-at-id="send-text" data-ph-id="ph-page-element-page12-6H88ds"> Send </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page12-PXfCkR"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page12-CFq5wH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-70YPYd" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page12-nM18fK"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-bqtLdY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-d6bhpO" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page12-mmh0KW"> 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-page12-XK4AuJ"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page12-B14G1b"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page12-miGIRQ"> <i class="icon icon-check" data-ph-id="ph-page-element-page12-ZCUxYa"></i> <h3 data-ph-id="ph-page-element-page12-b4pxDK"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-dsL4zV" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page12-PeHmlH"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-r7HNSC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-99amwY" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page12-6Y1EcQ"> 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-page12-9P6oPm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-IjlFMl" data-ph-id="ph-page-element-page12-JKIhmE"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-ZDUTnv"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page12-OoKrfy"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page12-wdjdjX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page12-VrGIUU"></i> <h3 data-ph-id="ph-page-element-page12-H5PVdq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-01xcAY" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page12-9PDNl8"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-gSnZDr"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TUnkih" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page12-WrFeGD"> 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-page12-gspmoy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PXiVpc" data-ph-id="ph-page-element-page12-Aj3sDe"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1628142129799" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page12-ZGdL3C"> <div class="widget-container" data-ph-id="ph-page-element-page12-1moffA"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page12-8ZuIjr"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-gcgrmf" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-qCQD16" data-ph-id="ph-page-element-page12-UT7Vt8"> <ppc-content key="ph-social-share-v3-default-6ty93l-0A3lYC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-hfzTwz"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page12-HoT2wk"> <ppc-content key="ph-social-share-v3-default-6ty93l-LVFf7g" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-GQgzVu"> 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-page12-ukWW6w"> <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-page12-AT4myX"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page12-c5Z9Ep"> <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-page12-QZxyIG"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page12-HEisqQ"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-yT0J2u"> <span data-ph-id="ph-page-element-page12-ZscYz8">${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-page12-RzhvhE" view="1628142129167-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1628142129167-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-page12-p44lCE"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page12-OfMlJD"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-UZ13mk"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-aED0Zb"> <div class="head-wrapper" data-ph-id="ph-page-element-page12-vBSPmI"> <h3 class="head-text" data-ph-id="ph-page-element-page12-Wi6hXb"> <ppc-content key="ph-social-share-v3-default-6ty93l-J7cccS" data-ph-id="ph-page-element-page12-uBJifG">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-SMmWqw" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-JwvdNV"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-nPlFY7"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page12-TEdjRG"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page12-r9KBJb"> <p class="message-text" data-ph-id="ph-page-element-page12-mWI1zg"> <ppc-content key="ph-social-share-v3-default-6ty93l-eoetDS" data-ph-id="ph-page-element-page12-tPoTkK">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page12-SH64uX"><ppc-content key="ph-social-share-v3-default-6ty93l-OE8LsN" data-ph-id="ph-page-element-page12-uppX1C">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-page12-8PYnTh" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page12-QsfQO9"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-cUEOwV"><ppc-content key="ph-social-share-v3-default-6ty93l-LaJbGN" data-ph-id="ph-page-element-page12-sDDTag">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page12-Txdf6D"><ppc-content key="ph-social-share-v3-default-6ty93l-IHngLq" data-ph-id="ph-page-element-page12-pI51aY">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1622923530445" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page12-jeLFPF"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-uy75wm-RgQS7F" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page12-k3D7AP"> <div class="widget-container" data-ph-id="ph-page-element-page12-lTfY0W"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-q49cnV"> <h2 data-ph-id="ph-page-element-page12-QKyZAM"> <ppc-content key="ph-profile-recommendations-v2-default-uy75wm-z0sP3g" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page12-OWls8m">Profile recommendations</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page12-i43G72"> <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-page12-JHXsMn"> <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-page12-i7YoSy"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="6jVXzr" data-ph-id="ph-page-element-page12-6xEoZV"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-KxJjrt"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-vrmBQ8"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page12-YxosYc" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page12-cKbyzl"> <div class="information" data-ph-id="ph-page-element-page12-Wy21N2"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page12-INx9vg"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-TU4NIb"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-afMnTL"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page12-YhLTS8" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page12-zJkAAa"> <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-page12-li7l0v"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-CJAhzz"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-5IndJg"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-FI30Xx">${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-page12-X8f9rc"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page12-SviX3H"> ${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-page12-YsL7mx"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-maa80z"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-0H1Xf9">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-uy75wm-UFOI0l" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-uy75wm-ubex13" instance-id="6jVXzr-kQvfba" data-ph-id="ph-page-element-page12-anKllI"> <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-page12-js7M0V"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page12-U7CszY"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-WnhRpZ">${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-page12-3nzyaX"></i> <span data-ph-id="ph-page-element-page12-wnR0Ah">${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-page12-grjLtI"> <!-- 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-page12-ykzd8W"> <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-page12-i1CdN3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-TtWyLI">${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-page12-Q7rTcH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-NJe2Ld">${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-page12-6hMUgW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-BRomLq">${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-page12-pUlFf0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-Uv0vCW">${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-page12-URMXUd"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-bHQBvc">${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-page12-w96bDn"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-c9gNee"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-W0qHEt"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-7DrPPA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-4cZCAI">${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-page12-gYvEQy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-CZ3dTH">${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-page12-16XjWE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Qk7lYx">${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-page12-Z7LlXM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-a9msza">${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-page12-vDkb1i"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-ErNuWe">${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-page12-zim7DR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-okwy5t"> ${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-page12-ZRRbpJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Uy5Tei">${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-page12-kEUL94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-GJ1nfb"> ${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-page12-mTZVng"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-P4jEqO">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-oEIejs">${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-page12-OdCVci"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-e6rv21">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-juxZod">${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-page12-QhO5jf">${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-page12-CHtwgo">${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-page12-aQAp5p">${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-page12-W1tcu4"> <!-- 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-page12-Mvmy9R"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page12-4z52IL"> <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-page12-cjGm3i"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-Zda8c3"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-lzXxuQ"> ${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-page12-vVJmPR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Z8hOZ9">${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-page12-yu2cUR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-3sPVX0">${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-page12-jCODDJ"> <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-page12-E1Bsv6"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-8h81VH"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-lIalna"> ${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-page12-8XpPGR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-hW4R7T">${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-page12-6qpKKf"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-t6tkD8">${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-page12-ePfvRl"> <span class="sr-only" data-ph-id="ph-page-element-page12-4Yt3XM">${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-page12-Mw1zBP"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-bXZQIk">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-JWXL1W">${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-page12-wMhAHI">${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-page12-A1IY7c">${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-page12-bfDhgV">${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-page12-JwLfbc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-HCmlAo">${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-page12-MwwNse"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-zArVrp"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-lU6ykF"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-a8TOu5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-0cI5sX">${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-page12-e0mO5K"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-NTG0mn">${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-page12-gSerPG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-bjKfbX">${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-page12-KaESsy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-6L16DJ">${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-page12-xlRo6U"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Nh7znf">${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-page12-6F9g28"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-sxAZNz"> ${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-page12-Dw7ouT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-1vQCJW">${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-page12-Jp6Zrw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-ulXvbU"> ${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-page12-0zZout"> <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-page12-IBzMk4"> <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-uy75wm-pMGnsM" 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="6jVXzr-aU5cXq" data-ph-id="ph-page-element-page12-Vas3yq"> <span data-ph-id="ph-page-element-page12-I3hB3q"> ${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-page12-4F1otL"></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-page12-ekngJN"> <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-page12-4SIbfl"> ${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-page12-LbVTqN"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-JOJ5MU">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page12-UsMXc9">${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-page12-iIMM7j"></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-page12-OHCrFr">${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-page12-knOF9X">${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-page12-2DPdwU">${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-page12-YQaBU9">${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-page12-G5QmIg">${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-page12-Mvgs9l"> <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-page12-zeHOqH"> <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-uy75wm-WPxBPv" 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="6jVXzr-bV6YiZ" data-ph-id="ph-page-element-page12-F7r8wi"> <span data-ph-id="ph-page-element-page12-RULoHf"> ${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-page12-OKeLDC"></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-page12-fFCsV5"> <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-page12-yyAQiF"> ${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-page12-nWhTJB"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page12-0NDmRS"> <span data-ph-id="ph-page-element-page12-o4sqoo"> <span class="sr-only" data-ph-id="ph-page-element-page12-KLw80h"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page12-CLHjEM">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page12-sIAG6w">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-sQzwmY">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-iSAlA9">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page12-bRINum">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page12-mSWuv6">${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-page12-qWpdPr"></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-page12-85Sipf"> <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-page12-crsRvi"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page12-vKtJWx"></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-page12-xGd46M"></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-page12-eYBzmB"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-62sH1Z"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-ChP9Vp"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-BXyTbW">${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-page12-D0SVtZ"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page12-Hmic3M"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page12-1wsZlP"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page12-uXhAE5"> <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-page12-69SW7q"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page12-9a3uDK">${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-page12-vOJQXM"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page12-K9QYxm"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page12-y4Nhh8"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-AY6KkA"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page12-ap6NyV"> <ppc-content key="ph-profile-recommendations-v2-default-uy75wm-14Dcgt" data-ph-at-id="share-job-button-text" instance-id="6jVXzr-Vwt6f2" data-ph-id="ph-page-element-page12-dxTtr1" 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-page12-zrXObh"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page12-Lcnwzk" view="1622923530427-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1628142129799" 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-page12-LkoVE6"></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-page12-aVE9Mt"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page12-2orB9m"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page12-QQTYCl"> <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-page12-l7yi7P" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page12-Qepw5t"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-41OJGK"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-nxFiVn"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-h36c83">${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-page12-FhRyRS"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-Kw93Jz"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-rmbrMl"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-PB06j0">${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-page12-m0btjT"> <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-page12-XVU2aR"> <span class="sr-only" data-ph-id="ph-page-element-page12-NMhKoj">${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-page12-b4ZyXx"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page12-06dZTa"> ${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-page12-B4sVrT"> <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-page12-EDqJPD"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-MpljV1"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-iHnW0A"> <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-uy75wm-q4HVs4" instance-id="6jVXzr-uUCJXb" data-ph-id="ph-page-element-page12-RGpuSl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-qpt0KV"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-WmnvV7"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-uy75wm-i0R1pS" key-aria-level="ph-profile-recommendations-v2-default-uy75wm-s61ZYW" instance-id="6jVXzr-MKnEKU" data-ph-id="ph-page-element-page12-pl6lfW"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-7v0vmn"> <div class="job-location-count" data-ph-id="ph-page-element-page12-0BJ53f"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-8CYWIk"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page12-5SfP7n"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page12-XRLzNn"> <span data-ph-id="ph-page-element-page12-rnCxYq"> <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-page12-2jve55"></i> </span> <span data-ph-id="ph-page-element-page12-In5awY"> ${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-page12-wwKLzo"> <span class="sr-only" data-ph-id="ph-page-element-page12-NsT57s">${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-page12-XQjjxd"></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-page12-8Lxzu9">${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-page12-I76HB4">${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-page12-WbN5vD">${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-page12-7uH02B">${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-page12-SMKPu6"> ${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-page12-43M4L5"> <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-page12-8XaXy8"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-DTuj1p"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-kO5OZr"> <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-uy75wm-tD73Hw" instance-id="6jVXzr-tcsnjm" data-ph-id="ph-page-element-page12-IkRrnN"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-xERzjv"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-5jSgq7"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-uy75wm-ImtW63" key-aria-level="ph-profile-recommendations-v2-default-uy75wm-ARymcy" instance-id="6jVXzr-mF7ZPX" data-ph-id="ph-page-element-page12-5qFoYR"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-3Qk6OJ"> <div class="job-location-count" data-ph-id="ph-page-element-page12-38BPrx"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-EPWjMl"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page12-FLdxZj"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page12-bQvJk6"> <span data-ph-id="ph-page-element-page12-CyIFay"> <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-page12-oJG4G9"></i> </span> <span data-ph-id="ph-page-element-page12-KPDAJi"> ${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-page12-JfNQM1"> <div aria-atomic="true" aria-live="assertive" instance-id="z4yyMg" data-ph-id="ph-page-element-page12-WdMzpE"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uy75wm-rHU9FT" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-uy75wm-0ZeKXk" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-uy75wm-CoPeor" instance-id="z4yyMg-36CaT6" data-ph-id="ph-page-element-page12-1Le3GU"> <!-- <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-page12-cXy3id"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-uLNdGi"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uy75wm-riHFoQ" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-uy75wm-kB9wBc" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-uy75wm-YMN5J8" instance-id="z4yyMg-sjfAww" data-ph-id="ph-page-element-page12-QJKjRb"> <!-- <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-page12-nN4e25"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-Jf4baX"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uy75wm-tGYUby" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-uy75wm-fz9sv4" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-uy75wm-1uxPjj" instance-id="z4yyMg-dfuSKw" data-ph-id="ph-page-element-page12-9WTQsL"> <!-- <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-page12-yL3OPY"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-0tdaNj"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uy75wm-4HNLq9" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-uy75wm-XJJwnl" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-uy75wm-u6Uzun" instance-id="z4yyMg-rTYEwp" data-ph-id="ph-page-element-page12-NlauwN"> <!-- <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-page12-joMf9M"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-vMruhz"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page12-0RX4cn"> <p data-ph-id="ph-page-element-page12-lnoSRv"> <ppc-content key="ph-profile-recommendations-v2-default-uy75wm-qSPS5m" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page12-touxkd"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1628142129167-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-page12-wFmDMD"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page12-3NcDAE"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page12-enn8xH"> <div class="modal-content" data-ph-id="ph-page-element-page12-Ub6sBs"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-hVbX4c"> <!--<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-page12-tVao4o"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-dfxkm1"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-zNrZxg"><ppc-content key="ph-email-job-v1-view3-1gd0h6-1EHtMk" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page12-NN1Int"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page12-ibfszZ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qxMzyK" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page12-HJkBBz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page12-oXizsB"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZwW7CP" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page12-cvZj8D"> 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-page12-faTD95"> <div class="content-block" data-ph-id="ph-page-element-page12-RX8RUH"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page12-jkmQO9"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-FEzi60"> <label for="name" data-ph-id="ph-page-element-page12-UHt0jN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8U23h3" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page12-RJHVEg"> 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-OYgIbb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-Xg3TGo" data-ph-at-id="name-input" data-ph-id="ph-page-element-page12-pzGa3F"> <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-page12-V1rnpT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UseRZQ" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page12-4xSlcv"> 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-page12-QWUjli"> <label for="email" data-ph-id="ph-page-element-page12-DB06mo"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3H1N5z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page12-9GKMmC"> 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-U19wUG" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page12-YCRzca"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page12-SBzO13"> <span class="sr-only" data-ph-id="ph-page-element-page12-Znul3I">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page12-8BneyF"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-m8fIVM" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page12-jQaoaV"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page12-kGCV8J"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PdoSN7" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page12-uXMVTM"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page12-dyv2zY"> <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-page12-rPpVkg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AooT4m" data-ph-at-id="send-text" data-ph-id="ph-page-element-page12-6H88ds"> Send </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page12-PXfCkR"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page12-CFq5wH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-70YPYd" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page12-nM18fK"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-bqtLdY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-d6bhpO" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page12-mmh0KW"> 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-page12-XK4AuJ"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page12-B14G1b"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page12-miGIRQ"> <i class="icon icon-check" data-ph-id="ph-page-element-page12-ZCUxYa"></i> <h3 data-ph-id="ph-page-element-page12-b4pxDK"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-dsL4zV" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page12-PeHmlH"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-r7HNSC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-99amwY" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page12-6Y1EcQ"> 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-page12-9P6oPm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-IjlFMl" data-ph-id="ph-page-element-page12-JKIhmE"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-ZDUTnv"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page12-OoKrfy"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page12-wdjdjX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page12-VrGIUU"></i> <h3 data-ph-id="ph-page-element-page12-H5PVdq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-01xcAY" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page12-9PDNl8"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-gSnZDr"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TUnkih" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page12-WrFeGD"> 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-page12-gspmoy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PXiVpc" data-ph-id="ph-page-element-page12-Aj3sDe"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1628142130079" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page12-ZMDkKq"> <div class="widget-container" data-ph-id="ph-page-element-page12-BKKf2O"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page12-IogWVw"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-gcgrmf" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-qCQD16" data-ph-id="ph-page-element-page12-r49hOj"> <ppc-content key="ph-social-share-v3-default-6ty93l-0A3lYC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-umKxA6"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page12-5kVDsi"> <ppc-content key="ph-social-share-v3-default-6ty93l-LVFf7g" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-lANb8x"> 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-page12-CZOiK7"> <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-page12-1UKeIZ"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page12-65BQ9g"> <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-page12-llxoBB"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page12-65YEEU"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-X7XeX1"> <span data-ph-id="ph-page-element-page12-7Xw7ex">${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-page12-RGtKkM" view="1628142129167-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1628142129167-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-page12-8UmBIv"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page12-q1AQEm"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-c5XFBI"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-SEkO86"> <div class="head-wrapper" data-ph-id="ph-page-element-page12-hqFU6R"> <h3 class="head-text" data-ph-id="ph-page-element-page12-CKfEcF"> <ppc-content key="ph-social-share-v3-default-6ty93l-J7cccS" data-ph-id="ph-page-element-page12-PejZXl">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-SMmWqw" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-hd3yBB"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-BDudcV"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page12-ZbI93D"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page12-O1BjjT"> <p class="message-text" data-ph-id="ph-page-element-page12-09IvGX"> <ppc-content key="ph-social-share-v3-default-6ty93l-eoetDS" data-ph-id="ph-page-element-page12-p4OKvZ">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page12-YKnSjs"><ppc-content key="ph-social-share-v3-default-6ty93l-OE8LsN" data-ph-id="ph-page-element-page12-qYlHuf">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-page12-faAdOk" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page12-ASNkSI"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-3YpZKr"><ppc-content key="ph-social-share-v3-default-6ty93l-LaJbGN" data-ph-id="ph-page-element-page12-DUGgZt">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page12-zDvfXV"><ppc-content key="ph-social-share-v3-default-6ty93l-IHngLq" data-ph-id="ph-page-element-page12-2upJa1">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-1622923538778" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page12-gjXc70"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="Recommended for you" key-aria-label="ph-recom-jobs-browsing-history-v3-default-1jssiw-deMOm6" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page12-aUTSpN"> <div class="widget-container" data-ph-id="ph-page-element-page12-btWZOB"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-nRFhds"> <h2 data-ph-id="ph-page-element-page12-awPmE6"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-1jssiw-xHKIvB" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page12-Dvp2ev" language-overriden="true"><div><span style="font-family:AdobeClean-Bold;">Recommended for you.</span></div></ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page12-rhR71p"> <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-page12-x5y2fB"> <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-page12-H7JmLm"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="Jd997T" data-ph-id="ph-page-element-page12-xtFKdo"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-alFd1b"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-Nz1RQz"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page12-uHuCBu" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page12-8Q0yuX"> <div class="information" data-ph-id="ph-page-element-page12-Okj3kh"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page12-nk2DsK"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-P8tg7d"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-WNDiBt"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page12-n13YA8" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page12-QcAiuM"> <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-page12-SEvWKp"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-g2jbLX"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-1ca0zJ"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-EUySrY">${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-page12-hhui2b"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page12-b1YKgU"> ${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-page12-wyPFxI"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-DQTYgl"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-Jgvvlg">${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-1jssiw-qNrIGq" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-1jssiw-SzF8uE" instance-id="Jd997T-JNKBqH" data-ph-id="ph-page-element-page12-LRoiD6"> <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-page12-wFSP1Y"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page12-LR1AjF"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-xNIER8">${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-page12-3Dli67"></i> <span data-ph-id="ph-page-element-page12-MsAZdQ">${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-page12-Kda7gG"> <!-- 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-page12-9Hs4mT"> <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-page12-sDekiM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-uGyepT">${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-page12-x7ea9V"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-QARiCV">${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-page12-SHJaLI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-VfFsFa">${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-page12-KJ3rY0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-Tv0m2n">${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-page12-2gZcwz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-wTy90V">${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-page12-RWmghe"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-z5RF1O"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-EBFVOk"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-YdPkAK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-WBeRfZ">${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-page12-ib8i40"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-xOewnJ">${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-page12-FHCk4r"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Zr53BF">${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-page12-6ODcpY"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-NgEu2U">${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-page12-6ToAQ1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-iNhA9r">${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-page12-mHOhYl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-0Nxq3d"> ${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-page12-QmgKqy"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-yficcD">${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-page12-kqFQFf"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-W4X9pO"> ${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-page12-0seKXE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Vqs1D1">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-LvRIdI">${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-page12-GO6Joc"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-NevxJ0">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-Hk7Zof">${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-page12-XvIgx0">${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-page12-ajJT4P">${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-page12-PeFJVL">${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-page12-sdGUCy"> <!-- 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-page12-K86p8Q"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page12-M3i9la"> <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-page12-ft7gWM"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-2gvei8"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-tYqcZc"> ${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-page12-bk76zd"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-CJqEUA">${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-page12-lwTvF9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-qozdyK">${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-page12-s5OFC3"> <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-page12-88slxt"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-7Sl26U"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-sP4x7V"> ${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-page12-KyeZNL"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-n1BmUP">${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-page12-0PMGC7"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-CgDCla">${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-page12-Qpdaqu"> <span class="sr-only" data-ph-id="ph-page-element-page12-YBPOs3">${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-page12-yfgWo9"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-i64cTc">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-Qe9Pv0">${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-page12-xQN2d6">${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-page12-rcJKQn">${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-page12-Tn8B9z">${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-page12-Wu24tE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-TFIe9Q">${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-page12-IJBHrj"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-8xNfg6"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-ceYoOB"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-LpvFDF"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-oCFS6y">${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-page12-mVqmhe"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-gC2Duk">${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-page12-zYm2bN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-xBxpj7">${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-page12-0cOEW8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-vy6ZgB">${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-page12-gSvYwD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-MJX54Q">${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-page12-XKxydK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-LpoQdu"> ${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-page12-hotnG7"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-EB06Ik">${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-page12-j3W61n"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-7lM04L"> ${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-page12-mYZwO0"> <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-page12-zYT7om"> <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-1jssiw-ef0y5d" 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="Jd997T-G1VIVH" data-ph-id="ph-page-element-page12-DA2jfo"> <span data-ph-id="ph-page-element-page12-FCzQCh"> ${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-page12-7jkCKv"></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-page12-mRsdCi"> <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-page12-QMFMOL"> ${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-page12-q4yein"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-h7nZ0k">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page12-RCzjXQ">${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-page12-SioHsO"></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-page12-rsqsEU">${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-page12-XTEZ6h">${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-page12-Y7ZEue">${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-page12-6jupPd">${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-page12-1Qy5vN">${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-page12-rwthNR"> <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-page12-bG2MpU"> <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-1jssiw-GyASYs" 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="Jd997T-Sr7VzI" data-ph-id="ph-page-element-page12-RhUM5Z"> <span data-ph-id="ph-page-element-page12-XEVsR5"> ${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-page12-3IhizD"></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-page12-mQANqZ"> <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-page12-SxC7rD"> ${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-page12-RZ8aZ5"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page12-26DYm6"> <span data-ph-id="ph-page-element-page12-cLMYWW"> <span class="sr-only" data-ph-id="ph-page-element-page12-ESHldQ"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page12-DLMgoW">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page12-lhUxkx">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-D0UFcQ">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-WSe5aj">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page12-191Cyj">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page12-BDayhK">${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-page12-pRHTMD"></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-page12-YdGyJt"> <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-page12-q3wEHn"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page12-3fW9VO"></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-page12-bebaad"></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-page12-4TU1VK"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-QEr58m"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-t2ZQFL"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-2jcuRu">${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-page12-nJrws0"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page12-diVvWx"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page12-6r2JFK"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page12-PnzxQj"> <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-page12-eijaO6"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page12-yiGZcd">${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-page12-L6d2k4"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page12-sALA9y"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page12-qNT6p3"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-ylfOhD"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page12-XAxfa1"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-1jssiw-QwKo5a" data-ph-at-id="share-job-button-text" instance-id="Jd997T-uf6vUA" data-ph-id="ph-page-element-page12-zqpK06" 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-page12-DL9Nb8"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page12-q4Ar69" view="1622923538761-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1628142130079" 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-page12-h8Zdyb"></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-page12-lzoiuw"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page12-QDIZY2"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page12-Sxj3wP"> <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-page12-fFSt4z" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page12-wuhv4D"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-LrPg4y"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-Telnq4"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-FQCTOF">${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-page12-amVNDV"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-B7IHjw"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-3sVwKT"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-t6DdFr">${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-page12-lWasJJ"> <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-page12-GdUkYH"> <span class="sr-only" data-ph-id="ph-page-element-page12-GLew6U">${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-page12-USe9zJ"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page12-L7J9BU"> ${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-page12-it2sEZ"> <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-page12-dPPPLC"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-gsa342"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-HA2bHq"> <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-1jssiw-DlavwI" instance-id="Jd997T-faaglI" data-ph-id="ph-page-element-page12-Q9IAtp"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-7Dc3yz"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-R0WbZo"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-nko3cc" key-aria-level="ph-recom-jobs-browsing-history-v3-default-1jssiw-7Qhov3" instance-id="Jd997T-s5w7TS" data-ph-id="ph-page-element-page12-uEsMBa"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-qbu9ui"> <div class="job-location-count" data-ph-id="ph-page-element-page12-5F4YSk"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-nrQHEU"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page12-Q5lKBq"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page12-LoASlh"> <span data-ph-id="ph-page-element-page12-BTHFt2"> <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-page12-qo2uve"></i> </span> <span data-ph-id="ph-page-element-page12-dkTPYd"> ${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-page12-LYeQWt"> <span class="sr-only" data-ph-id="ph-page-element-page12-wSxrmG">${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-page12-Nh0s2i"></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-page12-5VL2Tt">${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-page12-G8kwq7">${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-page12-A2eJjk">${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-page12-g7OzxZ">${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-page12-96dLFf"> ${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-page12-AY5uEf"> <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-page12-QeJ4aN"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-mgjD0N"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-14XuaQ"> <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-1jssiw-bo50aE" instance-id="Jd997T-Fon9Uf" data-ph-id="ph-page-element-page12-jT0rTL"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-uqhnIT"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-i9c7hI"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-7GnaEU" key-aria-level="ph-recom-jobs-browsing-history-v3-default-1jssiw-Mq88Sp" instance-id="Jd997T-9uAmxe" data-ph-id="ph-page-element-page12-zTREED"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-MX16aN"> <div class="job-location-count" data-ph-id="ph-page-element-page12-ZqRtZ0"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-KqOZFS"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page12-eVXMXi"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page12-53P4dj"> <span data-ph-id="ph-page-element-page12-oHWLhU"> <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-page12-efxSt7"></i> </span> <span data-ph-id="ph-page-element-page12-VSHqeT"> ${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-page12-SLyL9T"> <div aria-atomic="true" aria-live="assertive" instance-id="PRcNqw" data-ph-id="ph-page-element-page12-fA04Wi"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-1jssiw-3eWew4" 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-1jssiw-5qUKYo" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-yAIlGk" instance-id="PRcNqw-8M5mab" data-ph-id="ph-page-element-page12-8AEZhO"> <!-- <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-page12-CaTZzL"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-j61qVo"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-1jssiw-lKfpWj" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-1jssiw-cQX0Us" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-AYiKTB" instance-id="PRcNqw-mBWD90" data-ph-id="ph-page-element-page12-tmaF3e"> <!-- <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-page12-nLJhdG"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-os3mTT"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-1jssiw-Zh9wQ7" 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-1jssiw-TJEaca" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-EMAEjr" instance-id="PRcNqw-4ZQUWb" data-ph-id="ph-page-element-page12-uryBfY"> <!-- <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-page12-JLn0rc"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-F4zKPh"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-1jssiw-kWR9ge" 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-1jssiw-2vPUBb" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-1jssiw-9RPPF9" instance-id="PRcNqw-ukNrSp" data-ph-id="ph-page-element-page12-H4U6ab"> <!-- <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-page12-j3jRxC"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-J1frio"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page12-8rTVvi"> <p data-ph-id="ph-page-element-page12-66k70B"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-1jssiw-kRhdim" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page12-HTJ8h7" language-overriden="true"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1628142129167-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-page12-wFmDMD"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page12-3NcDAE"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page12-enn8xH"> <div class="modal-content" data-ph-id="ph-page-element-page12-Ub6sBs"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-hVbX4c"> <!--<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-page12-tVao4o"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-dfxkm1"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-zNrZxg"><ppc-content key="ph-email-job-v1-view3-1gd0h6-1EHtMk" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page12-NN1Int"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page12-ibfszZ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qxMzyK" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page12-HJkBBz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page12-oXizsB"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZwW7CP" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page12-cvZj8D"> 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-page12-faTD95"> <div class="content-block" data-ph-id="ph-page-element-page12-RX8RUH"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page12-jkmQO9"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-FEzi60"> <label for="name" data-ph-id="ph-page-element-page12-UHt0jN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8U23h3" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page12-RJHVEg"> 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-OYgIbb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-Xg3TGo" data-ph-at-id="name-input" data-ph-id="ph-page-element-page12-pzGa3F"> <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-page12-V1rnpT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UseRZQ" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page12-4xSlcv"> 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-page12-QWUjli"> <label for="email" data-ph-id="ph-page-element-page12-DB06mo"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3H1N5z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page12-9GKMmC"> 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-U19wUG" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page12-YCRzca"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page12-SBzO13"> <span class="sr-only" data-ph-id="ph-page-element-page12-Znul3I">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page12-8BneyF"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-m8fIVM" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page12-jQaoaV"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page12-kGCV8J"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PdoSN7" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page12-uXMVTM"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page12-dyv2zY"> <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-page12-rPpVkg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AooT4m" data-ph-at-id="send-text" data-ph-id="ph-page-element-page12-6H88ds"> Send </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page12-PXfCkR"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page12-CFq5wH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-70YPYd" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page12-nM18fK"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-bqtLdY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-d6bhpO" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page12-mmh0KW"> 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-page12-XK4AuJ"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page12-B14G1b"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page12-miGIRQ"> <i class="icon icon-check" data-ph-id="ph-page-element-page12-ZCUxYa"></i> <h3 data-ph-id="ph-page-element-page12-b4pxDK"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-dsL4zV" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page12-PeHmlH"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-r7HNSC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-99amwY" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page12-6Y1EcQ"> 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-page12-9P6oPm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-IjlFMl" data-ph-id="ph-page-element-page12-JKIhmE"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-ZDUTnv"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page12-OoKrfy"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page12-wdjdjX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page12-VrGIUU"></i> <h3 data-ph-id="ph-page-element-page12-H5PVdq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-01xcAY" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page12-9PDNl8"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-gSnZDr"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TUnkih" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page12-WrFeGD"> 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-page12-gspmoy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PXiVpc" data-ph-id="ph-page-element-page12-Aj3sDe"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1628142129503" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page12-hevgTR"> <div class="widget-container" data-ph-id="ph-page-element-page12-s9iiHv"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page12-0lWQDB"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-gcgrmf" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-qCQD16" data-ph-id="ph-page-element-page12-18EfHW"> <ppc-content key="ph-social-share-v3-default-6ty93l-0A3lYC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-sYpBZ0"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page12-KCXZuT"> <ppc-content key="ph-social-share-v3-default-6ty93l-LVFf7g" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-17TOeu"> 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-page12-oCiUdM"> <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-page12-3w3Gt2"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page12-cDDdtV"> <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-page12-IPCHcC"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page12-898H0s"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-JQCbCG"> <span data-ph-id="ph-page-element-page12-jG4iG6">${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-page12-gZPfHd" view="1628142129167-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1628142129167-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-page12-77laCv"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page12-zn80xf"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-1AdcW4"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-FOwb0d"> <div class="head-wrapper" data-ph-id="ph-page-element-page12-U4wuOg"> <h3 class="head-text" data-ph-id="ph-page-element-page12-j7uPW5"> <ppc-content key="ph-social-share-v3-default-6ty93l-J7cccS" data-ph-id="ph-page-element-page12-iN4KdT">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-SMmWqw" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-NqNOzI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-DeWWfA"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page12-i1jRdE"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page12-kEtHql"> <p class="message-text" data-ph-id="ph-page-element-page12-gPUmC8"> <ppc-content key="ph-social-share-v3-default-6ty93l-eoetDS" data-ph-id="ph-page-element-page12-KUOJ4t">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page12-AdXSDo"><ppc-content key="ph-social-share-v3-default-6ty93l-OE8LsN" data-ph-id="ph-page-element-page12-44ybsW">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-page12-Kw00lv" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page12-QIDMcW"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-1yXM6d"><ppc-content key="ph-social-share-v3-default-6ty93l-LaJbGN" data-ph-id="ph-page-element-page12-ZA23ze">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page12-d9fG0N"><ppc-content key="ph-social-share-v3-default-6ty93l-IHngLq" data-ph-id="ph-page-element-page12-NZnZ77">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622923522959" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page12-O8dpJd"></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-wln5iq-15hnhE" data-ph-id="ph-page-element-page12-hSLE2m"> <div class="widget-container" data-ph-id="ph-page-element-page12-iS4JPx"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-ktXTBa"> <h2 data-ph-id="ph-page-element-page12-ZL4ApU"> <ppc-content key="ph-recently-viewed-jobs-v3-default-wln5iq-XcMc68" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page12-rGeWCu" language-overriden="true">Recently viewed jobs.</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page12-HTnZGa"> <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-page12-POGyRv"> <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-page12-TJxy25"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="EL65Pg" data-ph-id="ph-page-element-page12-5FVI9p"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-v3viIY"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-zgLS7i"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page12-Ahx8dd" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page12-CpAweR"> <div class="information" data-ph-id="ph-page-element-page12-Aeahkn"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page12-FfCKBr"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-5OAeUd"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-cm4FIx"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page12-T8tQhR" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page12-QLoJXZ"> <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-page12-dvi5yE"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-niPc8G"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-Boeeeb"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-rEEX5W">${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-page12-T9R6Y2"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page12-a0rbz8"> ${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-page12-Y9syMD"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-hvp99B"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-bZ2S0H">${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-wln5iq-LqTTrM" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-wln5iq-64rZor" instance-id="EL65Pg-AqUO2z" data-ph-id="ph-page-element-page12-bOAEnN"> <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-page12-iAGmEO"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page12-lWGU8L"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-vLiFBd">${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-page12-ZNivFB"></i> <span data-ph-id="ph-page-element-page12-3dLZW2">${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-page12-SnzEpu"> <!-- 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-page12-7ASAt4"> <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-page12-KpyIqO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-LzT50c">${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-page12-Iz63DT"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-eRHwdT">${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-page12-zu1IZ2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-RK896z">${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-page12-sN7wlw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-rRzbWd">${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-page12-A93ZtH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Dssvpp">${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-page12-aHpCNy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-YA9L1U"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-Cp4QQi"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-Wkkex4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-xiwGU7">${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-page12-hLpqJL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-WRiKAV">${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-page12-DVVNgk"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-94y6hf">${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-page12-rS4dKD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-HJybjQ">${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-page12-HaOox5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Ckx66i">${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-page12-eEXLmy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-Wgbuf0"> ${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-page12-SDvKzk"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-i7F4k2">${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-page12-w2DI9r"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-qQ1jYU"> ${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-page12-G5694q"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-oRMyhL">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-RW5r8a">${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-page12-O6Agvm"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-wi9UX5">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-hkWGsy">${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-page12-F833N4">${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-page12-RSwylW">${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-page12-GSJEOj">${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-page12-E5NOd9"> <!-- 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-page12-lE0xAI"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page12-Yr0lss"> <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-page12-tQiafX"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-sXSoSk"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-8HSZEO"> ${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-page12-qho0Z2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-PnOb8a">${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-page12-XAOBKP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-7zRo1v">${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-page12-QQz3Cb"> <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-page12-H61x7j"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-cTEz6h"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-lkeRY7"> ${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-page12-waKUnr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-eevEwS">${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-page12-72LUlu"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-JnSLhO">${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-page12-GCECzR"> <span class="sr-only" data-ph-id="ph-page-element-page12-c2Lcdd">${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-page12-KmUXuh"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-BAtDon">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-ShCcmk">${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-page12-RGvzEV">${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-page12-KOV7PB">${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-page12-mAEFM7">${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-page12-AHrrBr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-pbUC9p">${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-page12-FYBwAj"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-o3Uzrf"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-cxST2k"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-s8rpNj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-cfpNjz">${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-page12-zwhKtu"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-xeHv7D">${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-page12-rd6klG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-shYVJK">${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-page12-YK9HtX"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-WNI9vH">${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-page12-wyxpyg"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-s9GQaO">${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-page12-j6jtjS"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-tAFc0n"> ${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-page12-v9vrPf"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-sm9RSV">${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-page12-EHYXdo"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-Pn45HZ"> ${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-page12-yGRZ42"> <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-page12-cxmDsH"> <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-wln5iq-zGJ98w" 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="EL65Pg-Zi5WfD" data-ph-id="ph-page-element-page12-FKDjj3"> <span data-ph-id="ph-page-element-page12-OGf0mg"> ${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-page12-7xAh1T"></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-page12-0gOKNN"> <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-page12-7vQB6c"> ${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-page12-dhcSm9"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-uEVnoQ">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page12-KjwO67">${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-page12-P8kswy"></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-page12-IubXiC">${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-page12-0WZSY4">${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-page12-qxfBy2">${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-page12-LSlrkD">${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-page12-1c2ot8">${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-page12-FBialS"> <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-page12-VXdrYm"> <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-wln5iq-iaz0fW" 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="EL65Pg-5QfSrt" data-ph-id="ph-page-element-page12-ljoHWw"> <span data-ph-id="ph-page-element-page12-swfVSu"> ${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-page12-wsFY8D"></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-page12-lPjN3g"> <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-page12-mMjAIr"> ${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-page12-Cv6vOG"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page12-T1u73X"> <span data-ph-id="ph-page-element-page12-CDTAks"> <span class="sr-only" data-ph-id="ph-page-element-page12-QPaG1E"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page12-xMTk1K">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page12-LlPTsU">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-S0nkkV">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-P49KIc">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page12-xZGqmI">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page12-A9kXVA">${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-page12-2yHOu5"></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-page12-ZycHV1"> <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-page12-SoSves"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page12-F4NZBT"></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-page12-cGF6EF"></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-page12-zfsVD9"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-Mc9M6C"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-Zi3PUd"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-xJL0b3">${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-page12-RWLGiY"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page12-h9nsHX"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page12-0r9urP"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page12-Cl3KZJ"> <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-page12-ZI3WtI"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page12-bvgjds">${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-page12-qkzEAS"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page12-4TnsxA"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page12-KKa5qH"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-2UzBa4"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page12-UePGDy"> <ppc-content key="ph-recently-viewed-jobs-v3-default-wln5iq-BwoAtZ" data-ph-at-id="share-job-button-text" instance-id="EL65Pg-GX0MXH" data-ph-id="ph-page-element-page12-gvQb4o" 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-page12-LdR5xG"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page12-5maczr" view="1622923522938-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1628142129503" 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-page12-jJRGWd"></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-page12-Srmtcj"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page12-uAS6K8"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page12-1YRWjD"> <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-page12-NRS79q" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page12-m04HfB"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-kv1WWO"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-3U5R1A"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-OEJNnY">${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-page12-44SP0E"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-eDnsGE"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-wM6UrG"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-KAPkk3">${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-page12-CiWOA6"> <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-page12-hJXaKi"> <span class="sr-only" data-ph-id="ph-page-element-page12-ssm5ua">${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-page12-hstz1U"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page12-FSsLaz"> ${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-page12-t9gpMu"> <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-page12-ZpaJw9"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-OBFt78"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-qzmgfS"> <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-wln5iq-KLujO9" instance-id="EL65Pg-Z4HFsA" data-ph-id="ph-page-element-page12-S1FkZA"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-Jr2wZM"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-DyNPNF"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-BzEU4V" key-aria-level="ph-recently-viewed-jobs-v3-default-wln5iq-Rbwa4w" instance-id="EL65Pg-puKxtl" data-ph-id="ph-page-element-page12-UAlzyZ"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-xvMlZ4"> <div class="job-location-count" data-ph-id="ph-page-element-page12-3C1PBR"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-BDAj4j"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page12-w909ls"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page12-mRzUkD"> <span data-ph-id="ph-page-element-page12-4yON2R"> <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-page12-BdHJWe"></i> </span> <span data-ph-id="ph-page-element-page12-vfq9KD"> ${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-page12-tPKfVo"> <span class="sr-only" data-ph-id="ph-page-element-page12-QRFJd7">${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-page12-vyW7qH"></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-page12-XxqMnD">${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-page12-5FQZmP">${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-page12-uu2f2z">${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-page12-26RK3S">${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-page12-ubP6Id"> ${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-page12-gSJ6G3"> <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-page12-mpCnj6"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-sS1ZkF"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-q1APqT"> <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-wln5iq-DtPUHg" instance-id="EL65Pg-NhhQuv" data-ph-id="ph-page-element-page12-mwsAdE"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-VvEIqd"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-Xtjq1R"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-6jxFq4" key-aria-level="ph-recently-viewed-jobs-v3-default-wln5iq-1nSSkj" instance-id="EL65Pg-UBTiEN" data-ph-id="ph-page-element-page12-MnLXsD"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-wTMWlF"> <div class="job-location-count" data-ph-id="ph-page-element-page12-T1QgfB"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-KYy1Xn"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page12-eoMru8"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page12-QVNdzS"> <span data-ph-id="ph-page-element-page12-NRBgQa"> <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-page12-z2nDVZ"></i> </span> <span data-ph-id="ph-page-element-page12-iIv28e"> ${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-page12-jq4cDR"> <div aria-atomic="true" aria-live="assertive" instance-id="c88pkd" data-ph-id="ph-page-element-page12-1BEKY2"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-wln5iq-7VvCqj" 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-wln5iq-mRvvKn" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-2GW7NR" instance-id="c88pkd-PHdMgS" data-ph-id="ph-page-element-page12-BLpLW8"> <!-- <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-page12-PoXMwj"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-x3jCHG"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-wln5iq-VSRkRS" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-wln5iq-sg6qyt" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-2iBbJV" instance-id="c88pkd-F6MbnI" data-ph-id="ph-page-element-page12-NiExHG"> <!-- <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-page12-72ovW3"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-wTXbs6"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-wln5iq-4MIkmt" 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-wln5iq-bzr1Q6" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-iFBYVS" instance-id="c88pkd-afghEj" data-ph-id="ph-page-element-page12-FQ3VFv"> <!-- <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-page12-dD03Kb"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-WedVVz"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-wln5iq-cPf0D6" 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-wln5iq-frmuut" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-wln5iq-vRbMj6" instance-id="c88pkd-2Ts3QT" data-ph-id="ph-page-element-page12-QtANl5"> <!-- <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-page12-HdCa1V"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-m8oAep"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page12-I3KhAB"> <p data-ph-id="ph-page-element-page12-ILAx9H"> <ppc-content key="ph-recently-viewed-jobs-v3-default-wln5iq-GWoM66" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page12-fcUswN"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1662669802099-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-widget-element-1662669802099-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-1662669802099-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-1662669802099-4"> <div class="modal-content" data-ph-id="ph-widget-element-1662669802099-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1662669802099-6"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-1662669802099-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1662669802099-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-1662669802099-9"><ppc-content key="k7ka0V-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-1662669802099-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-1662669802099-11"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-1662669802099-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-1662669802099-13"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-1662669802099-14"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-widget-element-1662669802099-15"> <div class="content-block" data-ph-id="ph-widget-element-1662669802099-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-1662669802099-17"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-1662669802099-18"> <label for="name" data-ph-id="ph-widget-element-1662669802099-19"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-1662669802099-20"> 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="k7ka0V-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="k7ka0V-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" data-ph-id="ph-widget-element-1662669802099-21"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-widget-element-1662669802099-22"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-1662669802099-23"> Name should not be empty </ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-1662669802099-24"> <label for="email" data-ph-id="ph-widget-element-1662669802099-25"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-1662669802099-26"> 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="k7ka0V-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-widget-element-1662669802099-27"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-widget-element-1662669802099-28"> <span class="sr-only" data-ph-id="ph-widget-element-1662669802099-29">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-widget-element-1662669802099-30"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-emailErrorText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-1662669802099-31"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-widget-element-1662669802099-32"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-emailValidErrorText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-1662669802099-33"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-1662669802099-34"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-widget-element-1662669802099-35"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-1662669802099-36"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-1662669802099-37"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-1662669802099-38"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-1662669802099-39">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-1662669802099-40"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-1662669802099-41">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-widget-element-1662669802099-42"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-1662669802099-43"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-1662669802099-44"> <i class="icon icon-check" data-ph-id="ph-widget-element-1662669802099-45"></i> <h3 data-ph-id="ph-widget-element-1662669802099-46"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-1662669802099-47">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-1662669802099-48"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-1662669802099-49">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-1662669802099-50"> <ppc-content key="Xh2Faz-k7ka0V-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-1662669802099-51">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-1662669802099-52"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-1662669802099-53"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-1662669802099-54"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-1662669802099-55"></i> <h3 data-ph-id="ph-widget-element-1662669802099-56"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-1662669802099-57">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-1662669802099-58"> <ppc-content key="k7ka0V-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-1662669802099-59">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-1662669802099-60"> <ppc-content key="QZHESS-k7ka0V-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-1662669802099-61">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1662669802407-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-1662669802407-2"> <div class="widget-container" data-ph-id="ph-widget-element-1662669802407-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-1662669802407-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="uG7VxE-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="uG7VxE-ph-social-share-v3-default-headingLevelAria" data-ph-id="ph-widget-element-1662669802407-5"> <ppc-content key="uG7VxE-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1662669802407-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-1662669802407-7"> <ppc-content key="uG7VxE-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-1662669802407-8"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-1662669802407-9"> <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-widget-element-1662669802407-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-widget-element-1662669802407-11"> <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-widget-element-1662669802407-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-widget-element-1662669802407-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-1662669802407-14"> <span data-ph-id="ph-widget-element-1662669802407-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="k7ka0V" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="1662669802099-view3" data-ph-id="ph-widget-element-1662669802407-16"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1662669802099-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="k7ka0V" original-view="view3" data-ph-id="ph-widget-element-1662669802407-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1662669802407-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-1662669802407-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-1662669802407-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-1662669802407-21"> <h3 class="head-text" data-ph-id="ph-widget-element-1662669802407-22"> <ppc-content key="uG7VxE-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-1662669802407-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="uG7VxE-ph-social-share-v3-default-closeDialogAriaLabel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-1662669802407-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1662669802407-25"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-widget-element-1662669802407-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-1662669802407-27"> <p class="message-text" data-ph-id="ph-widget-element-1662669802407-28"> <ppc-content key="uG7VxE-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-1662669802407-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label-1" data-ph-id="ph-widget-element-1662669802407-30"><ppc-content key="uG7VxE-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-1662669802407-31">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-widget-element-1662669802407-32" /> </div> <div class="button-wrapper" data-ph-id="ph-widget-element-1662669802407-33"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-1662669802407-34"><ppc-content key="uG7VxE-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-1662669802407-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-widget-element-1662669802407-36"><ppc-content key="uG7VxE-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-1662669802407-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1662669802085-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-1662669802085-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="s2tiCY-aAQg2Z-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader && jobResults.length" data-ph-id="ph-widget-element-1662669802085-3"> <div class="widget-container" data-ph-id="ph-widget-element-1662669802085-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1662669802085-5"> <h2 data-ph-id="ph-widget-element-1662669802085-6"> <ppc-content key="5aFRoM-aAQg2Z-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-1662669802085-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-1662669802085-8"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-widget-element-1662669802085-9"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-widget-element-1662669802085-10"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="VfabEg" data-ph-id="ph-widget-element-1662669802085-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-1662669802085-12"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-1662669802085-13"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-widget-element-1662669802085-14" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-1662669802085-15"> <div class="information" data-ph-id="ph-widget-element-1662669802085-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-1662669802085-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-1662669802085-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-1662669802085-19"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-1662669802085-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-1662669802085-21"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-1662669802085-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-1662669802085-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-1662669802085-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-1662669802085-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-1662669802085-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-1662669802085-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-1662669802085-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="aAQg2Z-ph-profile-recommendations-v2-VfabEg-pQi9lD-default-headingRole" aria-level="3" key-aria-level="aAQg2Z-ph-profile-recommendations-v2-VfabEg-pQi9lD-default-headingAriaLevelValue" instance-id="VfabEg-pQi9lD" data-ph-id="ph-widget-element-1662669802085-31"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-1662669802085-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-1662669802085-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-35"></i> <span data-ph-id="ph-widget-element-1662669802085-36">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-1662669802085-37"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-1662669802085-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-1662669802085-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-1662669802085-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-46">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-1662669802085-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-1662669802085-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-1662669802085-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-1662669802085-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-widget-element-1662669802085-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-1662669802085-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1662669802085-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1662669802085-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1662669802085-77">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-1662669802085-78"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-widget-element-1662669802085-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-1662669802085-80"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-widget-element-1662669802085-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-1662669802085-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-1662669802085-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-87">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-1662669802085-88"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-widget-element-1662669802085-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-1662669802085-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-1662669802085-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-1662669802085-96"> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-97">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1662669802085-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1662669802085-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1662669802085-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-1662669802085-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-1662669802085-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-1662669802085-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-1662669802085-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-widget-element-1662669802085-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1662669802085-125"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-1662669802085-127"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-VfabEg-3OkYi9-default-multiLocationButtonRole" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="VfabEg-3OkYi9" data-ph-id="ph-widget-element-1662669802085-128"> <span data-ph-id="ph-widget-element-1662669802085-129"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-130"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-1662669802085-131"> <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-widget-element-1662669802085-132"> ${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-widget-element-1662669802085-133"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-widget-element-1662669802085-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-widget-element-1662669802085-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1662669802085-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1662669802085-139">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1662669802085-141">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-1662669802085-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-1662669802085-143"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-VfabEg-HOzcyX-default-multiCategoryButtonRole" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="VfabEg-HOzcyX" data-ph-id="ph-widget-element-1662669802085-144"> <span data-ph-id="ph-widget-element-1662669802085-145"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-146"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-1662669802085-147"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-widget-element-1662669802085-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-widget-element-1662669802085-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-1662669802085-150"> <span data-ph-id="ph-widget-element-1662669802085-151"> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-1662669802085-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-1662669802085-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-1662669802085-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-1662669802085-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-1662669802085-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-1662669802085-158">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-1662669802085-160"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-widget-element-1662669802085-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-1662669802085-163"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-1662669802085-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-1662669802085-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-1662669802085-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-1662669802085-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-1662669802085-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-1662669802085-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-1662669802085-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-1662669802085-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-173">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-1662669802085-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-1662669802085-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-178"> <ppc-content key="aAQg2Z-ph-profile-recommendations-v2-VfabEg-oMmhVO-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="VfabEg-oMmhVO" data-ph-id="ph-widget-element-1662669802085-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-1662669802085-180"> <section class="ph-widget" instance-id="uG7VxE" original-view="default" view="1662669802407-default" data-ph-id="ph-widget-element-1662669802085-181"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1662669802407-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="uG7VxE" original-view="default" data-ph-id="ph-widget-element-1662669802085-182"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-widget-element-1662669802085-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-1662669802085-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-1662669802085-185"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-widget-element-1662669802085-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-1662669802085-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-190">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-widget-element-1662669802085-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-194">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-widget-element-1662669802085-195"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-widget-element-1662669802085-196"> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-1662669802085-199"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-1662669802085-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-1662669802085-201"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-1662669802085-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-1662669802085-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-1662669802085-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-VfabEg-WhCZOS-default-closePopupAriaLabelText" instance-id="VfabEg-WhCZOS" data-ph-id="ph-widget-element-1662669802085-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-1662669802085-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="aAQg2Z-ph-profile-recommendations-v2-VfabEg-3JpcRQ-default-headingModalRole" key-aria-level="aAQg2Z-ph-profile-recommendations-v2-VfabEg-3JpcRQ-default-headingModalAriaLevel" instance-id="VfabEg-3JpcRQ" data-ph-id="ph-widget-element-1662669802085-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-1662669802085-209"> <div class="job-location-count" data-ph-id="ph-widget-element-1662669802085-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-1662669802085-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-1662669802085-212"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-1662669802085-213"> <span data-ph-id="ph-widget-element-1662669802085-214"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-1662669802085-215"></i> </span> <span data-ph-id="ph-widget-element-1662669802085-216"> ${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-widget-element-1662669802085-217"> <span class="sr-only" data-ph-id="ph-widget-element-1662669802085-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1662669802085-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1662669802085-222">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1662669802085-224"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-1662669802085-225"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-1662669802085-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-1662669802085-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-1662669802085-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-VfabEg-iN0zJ6-default-closeCategoryPopupAriaLabelText" instance-id="VfabEg-iN0zJ6" data-ph-id="ph-widget-element-1662669802085-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-1662669802085-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="aAQg2Z-ph-profile-recommendations-v2-VfabEg-TEZxVv-default-headingModalRole" key-aria-level="aAQg2Z-ph-profile-recommendations-v2-VfabEg-TEZxVv-default-headingModalAriaLevel" instance-id="VfabEg-TEZxVv" data-ph-id="ph-widget-element-1662669802085-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-1662669802085-233"> <div class="job-location-count" data-ph-id="ph-widget-element-1662669802085-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-1662669802085-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-1662669802085-236"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-1662669802085-237"> <span data-ph-id="ph-widget-element-1662669802085-238"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-1662669802085-239"></i> </span> <span data-ph-id="ph-widget-element-1662669802085-240"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-widget-element-1662669802085-241"> <div aria-atomic="true" aria-live="assertive" instance-id="xgusOf" data-ph-id="ph-widget-element-1662669802085-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-xgusOf-vXqzKK-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="aAQg2Z-ph-profile-recommendations-v2-xgusOf-vXqzKK-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-xgusOf-vXqzKK-default-button-role-see-more" instance-id="xgusOf-vXqzKK" data-ph-id="ph-widget-element-1662669802085-243"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-1662669802085-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-xgusOf-KEXGX2-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="aAQg2Z-ph-profile-recommendations-v2-xgusOf-KEXGX2-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-xgusOf-KEXGX2-default-button-role-see-less" instance-id="xgusOf-KEXGX2" data-ph-id="ph-widget-element-1662669802085-246"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-1662669802085-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jjaqDl-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jjaqDl-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jjaqDl-default-button-role-see-next" instance-id="xgusOf-jjaqDl" data-ph-id="ph-widget-element-1662669802085-249"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-widget-element-1662669802085-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jEyFr3-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jEyFr3-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="aAQg2Z-ph-profile-recommendations-v2-xgusOf-jEyFr3-default-button-role-see-evenmore" instance-id="xgusOf-jEyFr3" data-ph-id="ph-widget-element-1662669802085-252"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-widget-element-1662669802085-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1662669802085-254"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-1662669802085-255"> <p data-ph-id="ph-widget-element-1662669802085-256"> <ppc-content key="aAQg2Z-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-1662669802085-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1628142129167-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-page12-wFmDMD"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page12-3NcDAE"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page12-enn8xH"> <div class="modal-content" data-ph-id="ph-page-element-page12-Ub6sBs"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-hVbX4c"> <!--<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-page12-tVao4o"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-dfxkm1"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-zNrZxg"><ppc-content key="ph-email-job-v1-view3-1gd0h6-1EHtMk" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page12-NN1Int"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page12-ibfszZ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qxMzyK" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page12-HJkBBz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page12-oXizsB"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ZwW7CP" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page12-cvZj8D"> 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-page12-faTD95"> <div class="content-block" data-ph-id="ph-page-element-page12-RX8RUH"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page12-jkmQO9"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-FEzi60"> <label for="name" data-ph-id="ph-page-element-page12-UHt0jN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8U23h3" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page12-RJHVEg"> 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-OYgIbb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-Xg3TGo" data-ph-at-id="name-input" data-ph-id="ph-page-element-page12-pzGa3F"> <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-page12-V1rnpT"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UseRZQ" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page12-4xSlcv"> 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-page12-QWUjli"> <label for="email" data-ph-id="ph-page-element-page12-DB06mo"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3H1N5z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page12-9GKMmC"> 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-U19wUG" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page12-YCRzca"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page12-SBzO13"> <span class="sr-only" data-ph-id="ph-page-element-page12-Znul3I">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page12-8BneyF"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-m8fIVM" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page12-jQaoaV"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page12-kGCV8J"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PdoSN7" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page12-uXMVTM"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page12-dyv2zY"> <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-page12-rPpVkg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AooT4m" data-ph-at-id="send-text" data-ph-id="ph-page-element-page12-6H88ds"> Send </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page12-PXfCkR"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page12-CFq5wH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-70YPYd" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page12-nM18fK"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-bqtLdY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-d6bhpO" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page12-mmh0KW"> 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-page12-XK4AuJ"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page12-B14G1b"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page12-miGIRQ"> <i class="icon icon-check" data-ph-id="ph-page-element-page12-ZCUxYa"></i> <h3 data-ph-id="ph-page-element-page12-b4pxDK"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-dsL4zV" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page12-PeHmlH"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-r7HNSC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-99amwY" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page12-6Y1EcQ"> 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-page12-9P6oPm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-IjlFMl" data-ph-id="ph-page-element-page12-JKIhmE"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page12-ZDUTnv"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page12-OoKrfy"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page12-wdjdjX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page12-VrGIUU"></i> <h3 data-ph-id="ph-page-element-page12-H5PVdq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-01xcAY" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page12-9PDNl8"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page12-gSnZDr"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TUnkih" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page12-WrFeGD"> 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-page12-gspmoy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-PXiVpc" data-ph-id="ph-page-element-page12-Aj3sDe"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1628142129195" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page12-HARdX7"> <div class="widget-container" data-ph-id="ph-page-element-page12-GWcrM8"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page12-TtF9gg"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-gcgrmf" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-qCQD16" data-ph-id="ph-page-element-page12-WdxsSK"> <ppc-content key="ph-social-share-v3-default-6ty93l-0A3lYC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-DtTVOX"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page12-YYgZIE"> <ppc-content key="ph-social-share-v3-default-6ty93l-LVFf7g" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-ZtdUhe"> 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-page12-NyHGvD"> <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-page12-h5t6FW"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page12-fYlIYF"> <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-page12-YTRafe"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page12-uVkD0v"></i> <span class="sr-only" data-ph-id="ph-page-element-page12-Xx9swz"> <span data-ph-id="ph-page-element-page12-JizTre">${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-page12-hnnynU" view="1628142129167-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1628142129167-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-page12-oHyFem"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page12-xTfSpY"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-Cq9GzH"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page12-57ZwMh"> <div class="head-wrapper" data-ph-id="ph-page-element-page12-LNDPpA"> <h3 class="head-text" data-ph-id="ph-page-element-page12-p7yjtd"> <ppc-content key="ph-social-share-v3-default-6ty93l-J7cccS" data-ph-id="ph-page-element-page12-Tx8QNx">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-SMmWqw" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-k7S6ma"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-buJWAL"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page12-VvDU7o"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page12-3FpmGy"> <p class="message-text" data-ph-id="ph-page-element-page12-Tnagt2"> <ppc-content key="ph-social-share-v3-default-6ty93l-eoetDS" data-ph-id="ph-page-element-page12-CvXKPa">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page12-tv5dEU"><ppc-content key="ph-social-share-v3-default-6ty93l-OE8LsN" data-ph-id="ph-page-element-page12-5yBqOI">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-page12-GZH2wx" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page12-RDFQzD"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page12-tE36cD"><ppc-content key="ph-social-share-v3-default-6ty93l-LaJbGN" data-ph-id="ph-page-element-page12-Jvwuf8">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page12-z1P1xW"><ppc-content key="ph-social-share-v3-default-6ty93l-IHngLq" data-ph-id="ph-page-element-page12-9y3Cs2">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1622923515156" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page12-b7JdBo"></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-dqoipn-EOZxFF" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page12-eWxPhm"> <div class="widget-container" data-ph-id="ph-page-element-page12-L43GdE"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page12-e616ar"> <h2 data-ph-id="ph-page-element-page12-K7dZ3L"> <ppc-content key="ph-near-by-jobs-v2-default-dqoipn-dnnirU" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page12-JwgX4m">Explore opportunities near you</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page12-IMb4yX"> <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-page12-RU4Oxw"> <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-page12-J7wNRe"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="K6oPSP" data-ph-id="ph-page-element-page12-6hgDdP"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-hTfdKB"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-5EDnC3"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page12-vdJqva" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page12-ZA57KG"> <div class="information" data-ph-id="ph-page-element-page12-ZlcPqJ"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page12-HaQtLL"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page12-UR0V2u"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page12-uH0oJG"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page12-JgZlDw" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page12-k82Nap"> <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-page12-mgR87S"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-1hxkHp"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-6yFgGO"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-5daGDt">${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-page12-vVcrst"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page12-L0OUp9"> ${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-page12-6J7ghC"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-MyqSbo"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-zLoEaQ">${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-dqoipn-bgloYw" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-dqoipn-T9gE7t" instance-id="K6oPSP-VhH9Bs" data-ph-id="ph-page-element-page12-75rvDM"> <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-page12-rcotoj"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page12-CwYQhe"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-1RbMAn">${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-page12-EHdqZy"></i> <span data-ph-id="ph-page-element-page12-tcsgKB">${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-page12-tGDNCu"> <!-- 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-page12-AuiFIK"> <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-page12-Tp1qDV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-41jMLJ">${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-page12-MPx2DL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-Mnxrg4">${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-page12-CDEf26"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-JT4EUq">${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-page12-tm6wCm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-SOoHKf">${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-page12-ekTdKa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-MmhAmp">${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-page12-mohN5T"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-pYUHzs"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-YSXiz8"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-Yllboi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-mTwUQ6">${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-page12-RuqkCz"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-4GGXpo">${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-page12-gaUDIG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-Po9qGz">${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-page12-I8jCtK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-mZRzlc">${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-page12-PFa185"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-KZGQGP">${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-page12-LYYJxl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-yE2lri"> ${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-page12-Ho0No8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-gtwIAv">${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-page12-MYWct1"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-ei5DJw"> ${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-page12-iRS8GG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-crAHba">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-mYFu6b">${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-page12-SvvyWJ"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-moIAHp">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-man0yC">${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-page12-Q6WAyT">${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-page12-Ar5qzI">${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-page12-BJzNoJ">${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-page12-EhPbD7"> <!-- 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-page12-2M61Kg"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page12-OMLfyj"> <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-page12-omnls2"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-ejtEgO"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-k1Sh4L"> ${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-page12-OidRZW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-QLiup2">${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-page12-orfhKP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-cxIUD6">${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-page12-NqLgjx"> <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-page12-vU2qDr"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-kjsbam"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page12-7yABgX"> ${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-page12-5JtNfB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-zCpNW7">${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-page12-NrfP2D"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-emZWJL">${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-page12-o8eEuJ"> <span class="sr-only" data-ph-id="ph-page-element-page12-P2Szuh">${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-page12-9bRtpI"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page12-rXUgUV">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page12-bGnFrY">${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-page12-T47iWy">${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-page12-xIQQVn">${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-page12-RMAOPu">${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-page12-ouvXyZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-8czyW3">${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-page12-kkDzVW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-kphaAZ"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page12-fWhRLO"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page12-gOjXIP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-LUDf4C">${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-page12-fmA4sQ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-LyCVB5">${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-page12-h4pCcQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-xtGBqR">${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-page12-4GZCUr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-mPy2AB">${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-page12-Mgj48a"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-W3bYY5">${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-page12-ybMsDV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-yeoyda"> ${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-page12-sp3nDO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-krm4uR">${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-page12-DhtmHh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page12-S6H6Ks"> ${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-page12-rJfMPa"> <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-page12-PV2iHS"> <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-dqoipn-NzoIXT" 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="K6oPSP-VmO0FV" data-ph-id="ph-page-element-page12-euHEqS"> <span data-ph-id="ph-page-element-page12-Je4KOH"> ${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-page12-7gjjbw"></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-page12-8ijVye"> <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-page12-6rJOUc"> ${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-page12-yF5hkN"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page12-dBJSCb">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page12-331mVX">${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-page12-PIiv0d"></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-page12-iFFbnz">${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-page12-GZJ7YW">${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-page12-kgutHb">${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-page12-4HE8kc">${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-page12-pRIZUj">${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-page12-SZLxxf"> <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-page12-PxZ7Wb"> <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-dqoipn-bLQuEX" 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="K6oPSP-XPBiK6" data-ph-id="ph-page-element-page12-cj3vwN"> <span data-ph-id="ph-page-element-page12-nrYRk7"> ${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-page12-YCrT27"></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-page12-SARYbS"> <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-page12-y6oK9e"> ${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-page12-087WTj"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page12-8hVoQi"> <span data-ph-id="ph-page-element-page12-Acl7Rm"> <span class="sr-only" data-ph-id="ph-page-element-page12-tZpdt0"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page12-bpoFrm">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page12-RmmEZY">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-1hJEf5">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page12-2NECEe">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page12-P9HEiJ">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page12-nvUNI5">${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-page12-SIrsD2"></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-page12-FSTOEd"> <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-page12-n66Zik"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page12-2RYPxw"></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-page12-sV0tXm"></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-page12-sbhmtH"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page12-zQeuMh"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-o7TuFS"></i> <span class="tag-label" data-ph-id="ph-page-element-page12-TejnLy">${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-page12-v5EOH6"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page12-L8UtEm"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page12-PnxhoH"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page12-g3Kugp"> <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-page12-j4zqfQ"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page12-fRhZcz">${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-page12-3lpAvI"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page12-NS3kw9"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page12-onUNKa"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-BgA36d"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page12-dRX6z4"> <ppc-content key="ph-near-by-jobs-v2-default-dqoipn-fZ6wmT" data-ph-at-id="share-job-button-text" instance-id="K6oPSP-URiSI7" data-ph-id="ph-page-element-page12-D3gqcx">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page12-lipRLo"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page12-zmIBAz" view="1622923515137-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1628142129195" 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-page12-Q5tvxM"></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-page12-NkGaQO"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page12-3ym3xE"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page12-FsxD9Z"> <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-page12-rraOXo" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page12-fiuNZF"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-8HBNMg"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-N5nIRk"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-8xZeUJ">${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-page12-hvycOn"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page12-7kf48p"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page12-Z97R1k"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-2WgeNy">${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-page12-lnagB8"> <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-page12-CgDK0D"> <span class="sr-only" data-ph-id="ph-page-element-page12-4Qcau0">${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-page12-EFMn8H"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page12-UJQesj"> ${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-page12-oPITJC"> <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-page12-lwh82o"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-uxIc2B"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-xkh8KI"> <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-dqoipn-Q4pq58" instance-id="K6oPSP-IPWvK1" data-ph-id="ph-page-element-page12-MbXWwk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-c2dro5"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-jiJMDt"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-dqoipn-nSckGB" key-aria-level="ph-near-by-jobs-v2-default-dqoipn-t8rTzi" instance-id="K6oPSP-FeMdc9" data-ph-id="ph-page-element-page12-NSU1S1"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-ZLb4BE"> <div class="job-location-count" data-ph-id="ph-page-element-page12-UQeMI0"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-jiC4kp"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page12-8jAzXJ"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page12-NwhsB9"> <span data-ph-id="ph-page-element-page12-8w05eH"> <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-page12-ufsjPM"></i> </span> <span data-ph-id="ph-page-element-page12-xpe47G"> ${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-page12-TE18OB"> <span class="sr-only" data-ph-id="ph-page-element-page12-iFYbXb">${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-page12-vKy6y2"></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-page12-Zwmsgv">${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-page12-Q3gAGy">${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-page12-TOPCXW">${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-page12-sLahjx">${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-page12-qm0Efc"> ${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-page12-v8KkSD"> <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-page12-5hBWPS"> <div class="modal-dialog" data-ph-id="ph-page-element-page12-EvRepB"> <div class="popup-content-block" data-ph-id="ph-page-element-page12-Q5fipe"> <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-dqoipn-FwAx4m" instance-id="K6oPSP-02P8GC" data-ph-id="ph-page-element-page12-QSCUnx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-oXFAop"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page12-MAbser"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-dqoipn-jhu7U5" key-aria-level="ph-near-by-jobs-v2-default-dqoipn-wseLV9" instance-id="K6oPSP-2NtRP0" data-ph-id="ph-page-element-page12-noeCYT"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page12-xbUl29"> <div class="job-location-count" data-ph-id="ph-page-element-page12-NatGu1"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page12-OtlEUG"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page12-doHczP"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page12-g2Cy02"> <span data-ph-id="ph-page-element-page12-oUppiu"> <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-page12-iRfacN"></i> </span> <span data-ph-id="ph-page-element-page12-1rBILt"> ${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-page12-zSJfos"> <div aria-atomic="true" aria-live="assertive" instance-id="db0rEI" data-ph-id="ph-page-element-page12-0oKg87"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-dqoipn-QDC98n" 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-dqoipn-f7usLY" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-dqoipn-fmLOvY" instance-id="db0rEI-PUz4ZG" data-ph-id="ph-page-element-page12-lhh0R1"> <!-- <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-page12-ew4VSZ"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-SblTrW"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-dqoipn-ahAtze" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-dqoipn-xyaJWG" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-dqoipn-D93fis" instance-id="db0rEI-IQfwzk" data-ph-id="ph-page-element-page12-Q5pEFh"> <!-- <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-page12-4M1xHl"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-9mHj67"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-dqoipn-5aoJbJ" 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-dqoipn-StB1uy" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-dqoipn-JYcSa4" instance-id="db0rEI-fBvKzr" data-ph-id="ph-page-element-page12-7OgoYm"> <!-- <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-page12-U58Roy"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-HEQaoZ"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-dqoipn-5vmHOU" 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-dqoipn-bHx4PR" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-dqoipn-Oa6j7p" instance-id="db0rEI-PeU9gR" data-ph-id="ph-page-element-page12-IPVo06"> <!-- <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-page12-VWqOhk"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page12-L6RDbO"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page12-B8dVEM"> <p data-ph-id="ph-page-element-page12-yDmYIo"> <ppc-content key="ph-near-by-jobs-v2-default-dqoipn-hWdX0p" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page12-nkI7Gy"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1726061603145-view14" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-3995099077558541-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ISt6Rs-ph-category-overview-v3-view14-regionRole" aria-label="Browse by Job Categories" key-aria-label="Cj2aCg-ISt6Rs-ph-category-overview-v3-view14-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-3995099077558541-3"> <div class="widget-container" data-ph-id="ph-widget-element-3995099077558541-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-3995099077558541-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-3995099077558541-6"> <ppc-content key="yh7Wbq-ISt6Rs-ph-category-overview-v3-view14-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-3995099077558541-7"> Browse by Job Categories </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-3995099077558541-8"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-10"> <div class="${mode}" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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-3995099077558541-15"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-17"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-18"> <span data-ph-id="ph-widget-element-3995099077558541-19">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-20">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-21"> <span data-ph-id="ph-widget-element-3995099077558541-22">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-23">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-24"> <span data-ph-id="ph-widget-element-3995099077558541-25">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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-3995099077558541-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-3995099077558541-29"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-31"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-32"> <span data-ph-id="ph-widget-element-3995099077558541-33">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-34">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-35"> <span data-ph-id="ph-widget-element-3995099077558541-36">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-37">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-3995099077558541-38"> <span data-ph-id="ph-widget-element-3995099077558541-39">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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="ISt6Rs-ph-category-overview-v3-view14-showMoreActionTitleText" key-aria-label="ISt6Rs-ph-category-overview-v3-view14-showMoreActionAriaLabelText" key-role="ISt6Rs-ph-category-overview-v3-view14-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-3995099077558541-42"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-3995099077558541-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="ISt6Rs-ph-category-overview-v3-view14-viewNextActionTitleText" key-aria-label="ISt6Rs-ph-category-overview-v3-view14-viewNextActionAriaLabelText" key-role="ISt6Rs-ph-category-overview-v3-view14-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-3995099077558541-44"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-3995099077558541-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="ISt6Rs-ph-category-overview-v3-view14-viewAllActionTitleText" key-aria-label="ISt6Rs-ph-category-overview-v3-view14-viewAllActionAriaLabelText" key-role="ISt6Rs-ph-category-overview-v3-view14-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-3995099077558541-46"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-3995099077558541-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="ISt6Rs-ph-category-overview-v3-view14-showLessActionTitleText" key-aria-label="ISt6Rs-ph-category-overview-v3-view14-showLessActionAriaLabelText" key-role="ISt6Rs-ph-category-overview-v3-view14-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-3995099077558541-48"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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="sEUUSc-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionTitleText" key-aria-label="H672pL-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionAriaLabelText" key-role="XfjJnR-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-3995099077558541-51"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-3995099077558541-52"></i> <ppc-content key="LdDd74-ISt6Rs-ph-category-overview-v3-view14-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-3995099077558541-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="Tj1WgK-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionTitleText" key-aria-label="4NHw1y-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionAriaLabelText" key-role="5uFVbI-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-3995099077558541-54"> <ppc-content key="5vgs9T-ISt6Rs-ph-category-overview-v3-view14-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-3995099077558541-55"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-3995099077558541-56"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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-3995099077558541-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="aKCd8l-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionTitleText" key-aria-label="p2wGD8-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionAriaLabelText" key-role="YZO4WO-ISt6Rs-ph-category-overview-v3-view14-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-3995099077558541-60"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-3995099077558541-61"></i> <ppc-content key="aVrKYx-ISt6Rs-ph-category-overview-v3-view14-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-3995099077558541-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="Bu8r0F-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionTitleText" key-aria-label="FmgIkI-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionAriaLabelText" key-role="p8Wlfj-ISt6Rs-ph-category-overview-v3-view14-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-3995099077558541-63"> <ppc-content key="6Ukf1c-ISt6Rs-ph-category-overview-v3-view14-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-3995099077558541-64"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-3995099077558541-65"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-3995099077558541-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-3995099077558541-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-3995099077558541-68"> <p data-ph-id="ph-widget-element-3995099077558541-69"> <ppc-content key="ISt6Rs-ph-category-overview-v3-view14-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-3995099077558541-70"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1659697367910" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-LF3FAc"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-tmiNg6"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-jc5Nhf">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-V0vodA"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-uZ2A45"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-KqVxYk"> <div class="close-popup-btn" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-o3XCp1"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-1pck4Q"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-ZaaFKI"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-gERR5z"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-Z92Ht0"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-0RgsgF"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-7EOxj7"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-w9dPC8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-hPgvvn"></span> <span class="checkbox-text" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-XWzsaz"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-78mLvi"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-lLiawe">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-CqIlQM"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1659697334810-ph-consent-popup-v1fyfconsent-La4cnN"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1659697367996" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-EQZ8Lf"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-3bKA6x"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-XntsYK">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-aTr1A6"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-wGeKkY"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-9Q55eR"> <div class="close-popup-btn" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-Q6duLV"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-ON2iKR"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-yyooZP"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-W0rlnk"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-2950BX"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-p2zk3R"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-60JxZE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-1U5swU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-uFe0e4"></span> <span class="checkbox-text" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-87xe4G"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-e5M131"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-QFROVx">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-xb8gh6"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1659697334903-ph-consent-popup-v1fyfconsent-UCBrFG"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1648104452367-default-mobile" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page12-gTF5AU"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page12-ZKGitj"> <!-- 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-page12-acqoxM"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-3Er5Jc"></i> <span data-ph-id="ph-page-element-page12-Wx750G">${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-page12-iE51q7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-bfZkV4"></i> <span data-ph-id="ph-page-element-page12-KxbAoM">${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-page12-H1KPSn"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page12-VSHF6I"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page12-yTMOnx"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page12-HvUcEr"> <span data-ph-id="ph-page-element-page12-MRkudk">${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-page12-MciJ4Q"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-UlxLtq"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page12-70ABFC"> <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-page12-rZaw2D"> ${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-page12-aiw9pQ"> ${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-page12-AxXhXJ"> <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-page12-wIGDMn"> ${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-page12-QuGhbL"> <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-page12-JYmfhB"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page12-kO0k2t"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page12-dKqkyj"> <!-- 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-page12-thkTu0"> <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-page12-gyHF7p"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-Ca7IWH"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page12-MtrOQr"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page12-XYJMCP"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page12-qDXPyZ"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page12-HdRU42"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page12-TvBlzb"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page12-cnvHlT"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page12-PI3Xof"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page12-U9wnPm"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page12-h008zO"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page12-E5sK34"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page12-Um2QWB"> ${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-page12-IKxBAF"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page12-0aFXSI"> <form novalidate="" data-ph-id="ph-page-element-page12-QMLEc6"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page12-CdX8FW"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page12-3X9F0z"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page12-nvizeI"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page12-6Eng3x"> <div class="text-box" data-ph-id="ph-page-element-page12-ylWnf1"> <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-page12-NCapvj"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page12-4xMtWS"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page12-DPJ0am"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page12-PmMFqw"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-AnznU0"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page12-T77B2o"> ${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-page12-Ym3YAD"> ${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-page12-ml1CD4"> ${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-page12-g39Pp9"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page12-b51CR6"> ${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-page12-AbEAVv"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page12-ESjiJ8"> ${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-page12-9EYCzo"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page12-Tlcei0"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page12-x0Bsxm"> <div class="text-box" data-ph-id="ph-page-element-page12-qCBifA"> <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-page12-YDl5sj"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page12-oVMQHG"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page12-LmF9fl"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page12-34zhI7"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page12-MEeXOW"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page12-BsJPQv"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-DXi1Dp"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page12-OwoXA1"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page12-YvMNSX"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page12-RS2hPG"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-Nr3kZ9"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page12-KL6xaz"> ${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-page12-4M55SC"> ${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-page12-tzVG77"> ${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-page12-tT9Hv8"> ${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-page12-Ah0QaR"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page12-GRVOVo"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page12-DblIfm"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page12-o6ijD3"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page12-fbY7n1"> <div class="form-container" data-ph-id="ph-page-element-page12-RHRtKT"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page12-R1wyrZ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page12-wzwzld"> <div class="user-options" data-ph-id="ph-page-element-page12-a34JCw"> <span class="each-option" data-ph-id="ph-page-element-page12-fCYlPF"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page12-2izf0F"> <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-page12-B9WSNQ"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page12-tPKoQ2"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page12-dDLb2V"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page12-lMPmaR"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page12-23JKbD"> <span class="forgot-password-area" data-ph-id="ph-page-element-page12-PsUSdq"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page12-cff26T"> ${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-page12-mzQegJ"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page12-ahTSvG"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page12-CUY7O6"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page12-HUcCCn"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page12-xcqdrS"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page12-F75KEi"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page12-VQYrhV"> ${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-page12-qeBurj"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page12-zLrrwE"> ${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-page12-ihJUfL"> ${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-page12-3XuyCm"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page12-lTEyud"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page12-NtHYdT"> <!-- 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-page12-cYgPSc"> <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-page12-MWPdkR"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page12-0SHoyz"></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-page12-AMgLcR"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page12-FGgbxq"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page12-1yQtGA"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page12-TFyzJh"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page12-l7STep"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page12-TQG4iu"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page12-pTNr21"> <form novalidate="" data-ph-id="ph-page-element-page12-O2jnjC"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page12-ldKPLX"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page12-oEkm38"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page12-tRXugI"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page12-lsGV8j"> <div class="text-box" data-ph-id="ph-page-element-page12-dqQHNb"> <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-page12-BMBeC6"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page12-DIvSYP"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page12-qjujM5"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page12-l7DkaE"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-YT3e1d"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page12-6NM1Aj"> ${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-page12-seUcHb"> ${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-page12-JzfKgl"> ${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-page12-wVLuUj"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page12-egjZTm"> ${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-page12-8yXYZd"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page12-u8sn3I"> ${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-page12-KIz7HU"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page12-pz3jO5"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page12-3LDcG7"> <div class="text-box" data-ph-id="ph-page-element-page12-uX8c2H"> <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-page12-OltzYq"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page12-EX6C9r"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page12-ltQ2Vl"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page12-iT81hK"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page12-W8iSo3"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page12-gSapvY"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page12-ARO27H"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-iVn4EX"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page12-GpCdet"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page12-6i3cgA"> ${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-page12-MkjEaG"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page12-b2qKPV"> <span class="sr-only" data-ph-id="ph-page-element-page12-Z3BT0y"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page12-4CxzZ2"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page12-lqu84A"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page12-EngeYZ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page12-LlhafL"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page12-J60QQk"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page12-HF7SaA"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page12-Q5x6aR">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page12-KWkUir">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page12-GrBJOf">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page12-od34Q6">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-X42jRq"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page12-yAahQW"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page12-z3gB8O"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page12-tZ7mzS"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page12-kTyd9R"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page12-EBm0bh"> <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-YIT8pG" data-ph-id="ph-page-element-page12-zM7p9K"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-a1UPHn"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page12-3zD8Aa"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-0k6Aa2"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-2IO2r3" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page12-Ym8d41">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page12-ferYmw"> ${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-page12-c0X37l"> ${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-page12-xdwAV5"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page12-q35CAo"> <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-page12-8XOUu5"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-F0bfgw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-FQPApw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-kfDgil"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page12-FuKaYW"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page12-P8mkwl">*</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-page12-yPoLCw"> <span class="sr-only required-text" data-ph-id="ph-page-element-page12-OqNQWd"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-K0yjDw"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page12-Pwr13X"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page12-T1Bd16"> ${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-page12-YPP08Y"> <span class="alert-msg" data-ph-id="ph-page-element-page12-KCm6O2"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page12-sNtlUk"> <div class="form-container" data-ph-id="ph-page-element-page12-DqPZAF"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page12-rOQ1E9"> ${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-page12-AOlAMz"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page12-VbkHlr"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page12-1ENLju"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page12-GEq2zO"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1659697399938" original-view="view5" instance-id="" data-ph-id="ph-page-element-page12-SW1CFx"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page12-nx7nTp"> <span data-ph-id="ph-page-element-page12-UEz2Qm"> ${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-page12-fNL3Dj"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page12-niPtcy"> <span data-ph-id="ph-page-element-page12-vgxtVv"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page12-fnZg0G"> ${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-page12-0wCNe7"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page12-yJHHjc">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page12-lYvWxk">${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-page12-p2dwH1"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page12-kxDmwF"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page12-YYSEvm"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page12-8KDwho"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page12-29Chjj"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page12-wiRk3j"> <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-page12-rVsQUV"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-crNCV0"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-64Vj39"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-bfxAn6"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page12-BNlIGn"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page12-WutEHL">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page12-i7bSMH"> <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-page12-pFtWMG"> ${!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-1659697382027" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-8F0lXB"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-WGKxRA"> <!-- 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-1648104452403-default-ph-candidate-login-v1fyf2-n3npIO"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-WgT0mE"></i> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ubSgVv">${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-1648104452403-default-ph-candidate-login-v1fyf2-XXtV1b"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-AoNd78"></i> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vtslf5">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-QA41lx"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-aTCGJr"> <span if.bind="registeredSuccessfully" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-LkP2lE"> 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-1648104452403-default-ph-candidate-login-v1fyf2-vnvjh2"> <!-- <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-1648104452403-default-ph-candidate-login-v1fyf2-fx5757"> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-STYDVi">${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-1648104452403-default-ph-candidate-login-v1fyf2-kvJKkN"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-cdQoDW"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-q27peI"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-FMfjAU"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-yNtqrf"> <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-1648104452403-default-ph-candidate-login-v1fyf2-1FEIsv"> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-fCmvZV">${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-1648104452403-default-ph-candidate-login-v1fyf2-JfhZtz"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-8MV8wr"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-MkqWaa"> <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-1648104452403-default-ph-candidate-login-v1fyf2-Yl10Ff"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-c0NHWL"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-QzmYTB"> <div class="user-actions-list" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vdAK0I"> <div class="user-actions-listitem" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-UjTOBX"> <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-1648104452403-default-ph-candidate-login-v1fyf2-PJtFMR"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-wpevUz"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-EUi88U"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-z178w2"> <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-1648104452403-default-ph-candidate-login-v1fyf2-d49FLh"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-p5w3Cz"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-pw09Tn"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-GYnUW9"> <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-1648104452403-default-ph-candidate-login-v1fyf2-2hb0ss"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-U5gOp4"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-qjX1bh"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-4Hkhqy"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-bCkYv9"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-yz0eNI"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-R4kgzE"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-sEUNxp"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-8hnkqo"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-CS4ZsO"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-F2jfrT"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Pw9d4b"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-mYtb3f"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-IaXd6T"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-CGGyi2"> <form novalidate="" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-6ANzG4"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-IjN4UJ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-j1HOIS"> <label for="signinEmail" class="form-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-47IfcD"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-S1HuPG"> <div class="text-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-CDXfmb"> <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-1648104452403-default-ph-candidate-login-v1fyf2-Tw4kpV"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-RSD44w"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-HglDJe"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vEeugl"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-pnCRmn"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-KGYCdh"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-FlF8V5"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-x4kOeR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-1pbpme"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-PI2D0v"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-VGobuS"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-JUcS8E"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-S7u1CA"> <label for="signInPassword" class="form-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-kXKD7R"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-qo1hXd"> <div class="text-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-GGKELH"> <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-1648104452403-default-ph-candidate-login-v1fyf2-hHJkYk"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-8bJRwE"></i> <div class="pswrd-visibility" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-gNL6xs"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ptqWeU"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Oz5qjD"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-htsPGC"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-nXx0Ag"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-gLyhFp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-An0Nkh"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-UAhWoX"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-AkuT03"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-PjH7cQ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-eUKDwd"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-JN2vIj"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-nU1p6G"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vevIzm"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-VS5UHC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-4OFgcO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-btiBJH"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-btLcrB"> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-8wJVZt"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Csz116"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-SJvZd8"> <div class="user-options" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-GNRHEI"> <span class="each-option" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-fetG9w"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-nTo9mV"> <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-1648104452403-default-ph-candidate-login-v1fyf2-1FJN8U"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-SNG3Ix"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-wdcNXA"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-79JBLv"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-aLKtl7"> <span class="forgot-password-area" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-yR1eMq"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-GEQPNP"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-sc1GLV"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-hsZCgt"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-xN8RHq"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-LLUeRm"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-nmIXcX"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-j9SEmD"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-e2F2Zs"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-pjSRsL"> <span id="cd-pf-recieve-email" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-rX040r"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-0RoUpl"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-TB7L1v"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-v9dEsl"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-xnH5jD"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-hoDod0"> <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-1648104452403-default-ph-candidate-login-v1fyf2-xcKsZe"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Vg84TK"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-flBEaS"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Mvo12s"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-nEsz81"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-r2fG6O"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-bT2qmH"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-GsaAng"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-RSVQ3y"> <form novalidate="" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-DSSvtp"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vfjai6"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-7S5E3A"> <label for="createEmail" class="form-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-81cK2y"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vp5mKu"> <div class="text-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ocpELw"> <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-1648104452403-default-ph-candidate-login-v1fyf2-uKtVWR"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-b30SID"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-gPMaO2"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-d7HMnV"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-0B116w"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-zKByBR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-1o9cd1"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-sfhQ1E"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-acpOfc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-tQqoe1"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-hjiceZ"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-rW5ckE"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-iS1jUf"> <label for="createPassword" class="form-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-IemamG"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-hueIce"> <div class="text-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ltyYlr"> <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-1648104452403-default-ph-candidate-login-v1fyf2-bljEqu"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-PHTQuK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-NLdQKJ"></i> <div class="pswrd-visibility" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-qLr8QH"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ojfYtA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-z4hNv9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-pkoJOJ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-SWOiQD"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-RFaLaE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-YCryuA"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-OmNsxe"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vwb0Ow"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-iGdY1B"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-A7jfYD"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-E7yyHb"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-AW9qWI"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-EVXid9"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-oeZuBt"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-NQBeuc">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-EpBsah">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-beqTpV">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-QHFvep">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-oDuH5o"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-9rcYOx"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-PQ4tH8"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-HffG9G"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-aqbZUy"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-BXIHlh"> <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-1648104452403-default-ph-candidate-login-v1fyf2-ReLJeW"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-wwjKnU"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-tUK6sc"></i> </span> <span class="checkbox-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-TuiwyT"> <ppc-content key="Xs6z3S-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vTU9DK">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-MzEg16"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-oISnLY"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Ee2tNl"> <span class="checkbox-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-UEzY4a"> <ppc-content key="Vp8oYT-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-1H9O32"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-U9P1ma"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-QtkDfM"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-OFpzdx"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-rT1prq"> <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-1648104452403-default-ph-candidate-login-v1fyf2-9b5yWj"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-cQlyRO"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Mx5sQ8"></span> <span class="checkbox-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-w1l1d4"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-fhjefW"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-EIewdG">*</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-1648104452403-default-ph-candidate-login-v1fyf2-jZhLnb"> <span class="sr-only required-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-SjpIVD"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Nnbo9s"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-198fpG"> <span class="alert-msg" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-38itk3"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-CXZXPt"> <span class="alert-msg" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-HTn5jt"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-yUg3aw"> <div class="form-container" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-Nx6e7h"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-ntsaKD"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-4U6lzZ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-clkinu"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-akvjMF"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-kdcru2" view="1659697382012-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-1659697400251" original-view="view5" instance-id="" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-jZgHvq"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-YxyHdz"> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-RSpAuz"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-9Ryqq0"> ${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-1648104452403-default-ph-candidate-login-v1fyf2-WpjfWd"> <span data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-rcoVPa"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-fVW0SB"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-vUp7gy"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-SNlXuw">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-iUtwwj">${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-1648104452403-default-ph-candidate-login-v1fyf2-Fmy8GD"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-lnxJzZ"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-hO0Jes"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-EtI6CO"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-4foU9e"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-F4xYtf"> <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-1648104452403-default-ph-candidate-login-v1fyf2-a4X4MO"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-MxkK7i"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-4MFwju"></span> <span class="checkbox-text" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-XQV58I"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-AafJL2"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-6N2MMu">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1648104452403-default-ph-candidate-login-v1fyf2-gSICdu"> <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-1648104452403-default-ph-candidate-login-v1fyf2-H9tair"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1648104452166-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page12-ZykTDz"> <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-ScETy4" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page12-tWkiy4"> <span class="action-icon" data-ph-id="ph-page-element-page12-wksOIv"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page12-yAtmMA"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-jyl1R4" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page12-dK9pim">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1659697399938" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-aWI0Hs"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-Jri0EX"> <div class="widget-container" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-IAoc2M"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-hS9HgL"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-eX2YZ2"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-o04fZd"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-9D3D9K"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-qvT34a"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-PTyXfy"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-dT2QDo"> <ppc-content key="UDfiFC-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-XU2a3z"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-ZFIsRW"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-UnlHKI"> <ppc-content key="GtpOx6-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-j8VSLr"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-K55CUC"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-xJymtt"> <span class="social-alert-msg" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-i4otKg"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-Udo67a"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-RHMXaE"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-oQCnqZ"> <div class="icon-block" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-v31uhk"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-sU37yc"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1659697347132-ph-social-connect-v1-lgJMVd"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1659697264656" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-pVeiuD"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="C6jIJq-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-oD9fYZ"> <div class="dropzone-content" data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-uaceHn"> <div class="content-holder" data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-L2DuMu"> <span data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-xUWkbB"> <ppc-content key="Zne2Ro-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-1648104452166-external-upload-resume-ph-import-resume-v1-piAqX5">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1659697275661-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XyIzE1"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8xdhqA"> <div class="widget-container" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7inTfl"> <div class="content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-eX8T7b"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-nCDbhR"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XHypAx"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-3L2BEQ"> <div class="icon-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZY3Wcy"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tNBCDt"></i> </div> <div class="text-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-MdFZo8"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1659697269358" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-WjNb3o"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-NUZaQi"> <!-- 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-1648104452176-view4-ph-social-connect-v1-ynMtq4"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-x5PzPA"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-L815GU"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-zKC3j1"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-Ws5HMc"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-2iNxHj"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-irbMVh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-UqKRYS"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-q5jEkg"> <ppc-content key="Z9xyNV-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-COPEIB"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1hPKf53"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v1NqjiLY"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-sEZaEE"> <span class="social-checkbox-btn-text" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-3TPV4T"> <ppc-content key="lSwosi-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-qpGEqQ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1hPKf53"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v1NqjiLY"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-0e0LQj"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-rQ7N55"> <span class="social-alert-msg" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-JibKeU"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4-listRole" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-v3msYq"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-tR3fEL"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-KWd4Uy"> <div class="icon-block" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-xaBzvb"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-3Ypn5j"></i> </div> <div class="text-block" data-ph-id="ph-1648104452176-view4-ph-social-connect-v1-gY3MDu"> ${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-candidate-login-v1-view1-1659697326837" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Tflx2E"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-fODvyK"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-v9Ggud"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-MkgRs0"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-iqnwyT"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-fquDt9"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Qh1zwI"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GKQ006"></i> <span class="alert-msg" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-61TXSx"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-5TJFiv"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-0kDtyW"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BpfZd7"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ctkiL7"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ZiXht9"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-sop17O"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-xqlXhm"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-xkzyBu"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-2nvcje"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ofPDqb"> <form novalidate="" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-svvUaL"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-fSN5t2"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-v93Qbm"> <label for="signinEmail" class="form-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-mxkr6v"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GSBikx"> <div class="text-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-PCT8oG"> <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-1659697275612-view1-ph-candidate-login-v1fyf1-s4HoAP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-q5nGqY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-pbjJaT"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-jHpFNB"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-LteIHG"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-x88cDs"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-qIb3CD"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-0i0iOZ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-oPegO5"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-iYZyVW"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-Vzp4Cv"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-oxgEhP"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-xXIy5X"> <label for="signInPassword" class="form-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-OzT4pF"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zFF2iX"> <div class="text-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zaiNdJ"> <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-1659697275612-view1-ph-candidate-login-v1fyf1-HBJINp"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-JDxmD7"></i> <div class="pswrd-visibility" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-5plEgO"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-CxEHDH"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-OD2m4q"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-dfAmGD"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-omKaA5"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ZCQyd6"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-wHWBOW"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-PKX6oT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-10EcGt"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-aY7wnE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-LxpD5k"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BSkMRX"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-VrLJJf"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-VGpgbO"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-aicqxC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zHU1Zd"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GtnpLN"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-LphpVP"> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-0qE76i"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-PjxCQs"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Ehf1gg"> <div class="user-options" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-RjQOQi"> <span class="each-option" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-7D8PGE"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Be9CsL"> <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-1659697275612-view1-ph-candidate-login-v1fyf1-nv9A7I"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-CAcnbB"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-dlXeRO"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-dhcazp"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-pKEnp9"> <span class="forgot-password-area" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-sm7iWy"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-KHaQeZ"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-SCJ1Me"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-l3H2to"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-DBFpKe"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-hNEISQ"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-mRDkWi"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-14p6ch"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Z8OBPf"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-fDYnoV"> <span id="cd-pf-recieve-email" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-P5Xyak"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-hKecBz"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-LGRJBn"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ggor8t"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-8mWvJB"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-6EHtVW"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Vzu2HJ"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-wbzMnK"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zrLkro"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-31QQej"> <form novalidate="" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-8pGY39"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-IClxmT"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-8x3kWD"> <label for="createEmail" class="form-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-YmLjAv"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-uJtLZO"> <div class="text-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ZaV6KZ"> <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-1659697275612-view1-ph-candidate-login-v1fyf1-MeUBie"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-KJBtzZ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-IAyt0q"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-cuWpm9"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BGF40r"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-7pG8gG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-jSRPYf"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-RWDNRS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-G2WqUi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Rib78p"> 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-1659697275612-view1-ph-candidate-login-v1fyf1-ENkAPO"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ZHlMgz"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-B22voc"> <label for="createPassword" class="form-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-pxqhgb"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-T8frFo"> <div class="text-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-I3T8YU"> <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-1659697275612-view1-ph-candidate-login-v1fyf1-RNEjz6"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-MpVvrg"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-S2viyu"></i> <div class="pswrd-visibility" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zG1YF6"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-V5GpHe"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-CTdOjE"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-v6gS50"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Mt8clV"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-NaWmHA"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-x79GAj"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-QK7Ayf"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-h0CLiy">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-a3QxBq">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-mxFzYB">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-rqHS8G">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-HZSCM8"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Thbql2"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-RvBScd"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-L29xK3"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-dgrWVN"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-G6qod3"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-0nOk2s"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-po4B4i"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-XUPLlJ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-yR2LO1"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-WtVp4b"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-QB3Ald"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Mg07zs"> <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="fyf1-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-8XpZcW"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-lrK6ez"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-u2VP1C"></i> </span> <span class="checkbox-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-EWCd0l"> <ppc-content key="IWfauz-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-m5s1MO"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1SSQu6o"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1AouBup"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-NuPGzK"> <span class="checkbox-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-RfidP0"> <ppc-content key="MFQcs5-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-2s7pdR"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1SSQu6o"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1AouBup"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-T3Lu8J"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-KoUbJA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-WEuJSw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-fDCchm"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-28WPRZ"></span> <span class="checkbox-text" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-kL4Xc0"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-qflbBL"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-HQ2QDb">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-kHCfqh" view="1659697326816-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-1659697368093" instance-id="dk1signup" original-view="default" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-dABYIi"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-iLTnTg"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-U7mUj6"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-lKxp6m"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-gu2wlN"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Qq1L6P"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-8GNaHC"> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-9CTVFc"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-UJw9HP"> ${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-1659697275612-view1-ph-candidate-login-v1fyf1-6VLeae"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-PAzH6t"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-fsPTNC"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BBPHkk" view="1659697326826-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-1659697400152" original-view="view5" instance-id="" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-vfFOxO"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-gOhesp"> <span data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-2vU496"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-0RVWhh"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-5p8JvT"> <span data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GpkS3N"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-zIFmZb"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-9RDES2"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-EUnEBI">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-kRstdK">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-F709Gc"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-IQlyjP"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-UsxskA"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-x1WJ2g"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-9SYTqC"> <form novalidate="" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-a9SxCK"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Uh14VD"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BZnJ8b"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-VIKx1s"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-iS8nLs"> <div class="text-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-QoYri3"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-rxKtmn"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-xLj9dX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BzeBdm"></i> <div class="pswrd-visibility" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-aGKQY2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-ARdiOL"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-PhEw15"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-tdpIZQ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-io7aDM"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-a5i88K"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-smZKVx"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GEnvkD"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-oNzfe2"> <span class="sr-only" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-BeYS35"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-00i8Fh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-s3YR8t"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-iLW5qW"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-M4Ox7M"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-WTuj3H"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-rTWXgC"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-IcFPh6">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-9YZTQg">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-nNH9Il">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-GrDiV0">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-LE3a0x"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-0zhMDe"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-kVYosx"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Vkz7tO"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-xv2s8N"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-Xzc5wb"> <div class="form-container" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-9aGP1o"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1659697275612-view1-ph-candidate-login-v1fyf1-pe2ysA"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1648104452175-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page12-OBj8sU"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page12-wh50Hp"> <ppc-content key="ph-import-resume-v1-upload-new--NrMu9F" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page12-VPFoSF"> Try again </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1659697275672" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Hyenv3"> <div class="widget-container" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-csnNzS"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-48CJYI"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mIAYMG"> <div class="fyf-step-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-A1sK6v"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-m7jRYQ"> </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-1648104452184-default-ph-find-your-fit-v16ty93o-Od6Ayg"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mMVK3p"> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-HhlgDH"> <!-- <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-1648104452184-default-ph-find-your-fit-v16ty93o-1UJHX6"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-54w3Do"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-CdgrlD"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-iZ0FmQ"></i> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QMvNRa"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-y8TLIx"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-9HVwJj" view="1659697275593-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-1659697400053" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-30XKik"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-KPzkS5"> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dMtGME"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-b0aLv0"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GPbSJF"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-a0jVtM"></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-1648104452184-default-ph-find-your-fit-v16ty93o-rk6ePO"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NthEMj"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-UX0tqw"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dmVaDc"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0loVeH">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-1648104452184-default-ph-find-your-fit-v16ty93o-spqb5B"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-YnZhw5">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-1648104452184-default-ph-find-your-fit-v16ty93o-sbQfgz"> <legend class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-SaX2AO"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-zurB3x"> What are you interested in? </ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7WCBrE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-W31o4m">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-1648104452184-default-ph-find-your-fit-v16ty93o-KhnDZB"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-njTg4F" /> <span class="cat-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4xsQ55">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-UrDOli"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-i2aWod"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OLTzcK"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4MTSQd"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7VUprZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7L20kQ">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0ItFOI">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-1648104452184-default-ph-find-your-fit-v16ty93o-GkApss"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-hswoCK">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4lZ2Dz"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-MnArOO"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NdGxqN"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-akVHA5"></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-1648104452184-default-ph-find-your-fit-v16ty93o-JRQ7JD"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-kUmkxq"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-h23qzo"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-U4m3vX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dsAkle">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-1648104452184-default-ph-find-your-fit-v16ty93o-mN2Jxw"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8TrxdU">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="6ty93o-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PyT9hm"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-m6AFbr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4QYGAj">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-1648104452184-default-ph-find-your-fit-v16ty93o-O4aNEf"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-p46Lyi" /> <span class="cat-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9FDkS8">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gPuYoZ"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-uQmz5g"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-qUfnKT"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8aZv5I"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dcygEX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vtCiK8">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9xYXTh">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-1648104452184-default-ph-find-your-fit-v16ty93o-Ej1fLl"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QVorYh">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-FgSQvs"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GpV666"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7xFXTJ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-trGb3T"></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-1648104452184-default-ph-find-your-fit-v16ty93o-tZg49b"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-yPRFhx"> <!-- <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-1648104452184-default-ph-find-your-fit-v16ty93o-XC3xDm"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-odhX9a"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sr52G4">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-1648104452184-default-ph-find-your-fit-v16ty93o-eeym4y"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-qZi05o">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-1648104452184-default-ph-find-your-fit-v16ty93o-ZDzODu"> <label for="recentTitles" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lKTz6F"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-nZsi1r"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2TLarw"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vMjEuT"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-oftGGS"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-BepTUr"></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-1648104452184-default-ph-find-your-fit-v16ty93o-rb8Ksi"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-F543OF"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QyVzcS">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2OkIzN"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Ofelzn"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="6ty93o-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9F93Rm"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZN5v2x"> <label class="input-radio-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-AIqlif"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Yh9Y2H"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-85cgU8"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gmTpG4"></span> <span class="radio-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-a5kELH"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XXCkWP">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-1648104452184-default-ph-find-your-fit-v16ty93o-VI1xkZ"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-twefHx"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-H7IMmi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-rPUacr">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-J7oxXM">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-1648104452184-default-ph-find-your-fit-v16ty93o-8o0ERj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-S5SXId">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XgPPLp"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4HLCNo"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-JjAHvi"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vznagb"></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-1648104452184-default-ph-find-your-fit-v16ty93o-tjcq26"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sXEYrT"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-EelZq1"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-WFsoXi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-aEfI88">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-1648104452184-default-ph-find-your-fit-v16ty93o-E4tHcp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-R11FQK">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-1648104452184-default-ph-find-your-fit-v16ty93o-jF3kkE"> <label for="skills" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-V1PWcS"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ETmIP8">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-HMNoxk"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XI7mwh"> ${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-1648104452184-default-ph-find-your-fit-v16ty93o-D6nw5G"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-V3MLb9"> <div role="list" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-RIwbeT"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-doYCRg"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lMQYR7">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GyqXJ3"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-fjKYIF"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-N4LfSN"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PXxug5"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Fgi7y1"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7zczHC"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-cZzj7p"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GaWjbQ"></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-1648104452184-default-ph-find-your-fit-v16ty93o-Fs5mg8"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-wTICvR"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-qgj4oQ">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-C3OzfA"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4Q1J9G"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="6ty93o-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Q8rpwQ"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-uUc4GY"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-caZ500"> <h3 class="suggested-heading" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2rNKGB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9FSIKp">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-jr5fH1"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-avXEja"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-4xrIKE"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vrK8F5">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0xOBpo"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-VmDhBh"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8YQUh5"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NkkPmY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tEKpsU">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-z0FNcl">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-1648104452184-default-ph-find-your-fit-v16ty93o-GXN0lK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-wViKBL">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Xg57XA"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PyE9Zn"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QZlsVs"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TkeVMx"></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-1648104452184-default-ph-find-your-fit-v16ty93o-r8htIC"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-LpbzuS"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PHQubP"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NEERcz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NIdbTm">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-1648104452184-default-ph-find-your-fit-v16ty93o-nwyWoV"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sRX38s">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-1648104452184-default-ph-find-your-fit-v16ty93o-iRi2DG"> <legend class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-wjSPa3"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NWukfb">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7Uwh4n"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-p21Vbx"> <span class="radio-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7L9nmz"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GztjST">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-twkiyG"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gyjo90"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-nmXkvG"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-xFfUdX"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-eFRsmP"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NA9paT">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-VKQVSL">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-1648104452184-default-ph-find-your-fit-v16ty93o-kSe7F2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-np37vJ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OKAWkg"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-3y32bd"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tU1KXo"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OPPO7b"></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-1648104452184-default-ph-find-your-fit-v16ty93o-eWf3JJ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6KVDkJ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-bZlqE7"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-J1jp7h"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GgvDw7">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-1648104452184-default-ph-find-your-fit-v16ty93o-RLzzRj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-cSVJhu">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93o-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-MKi9gf"> <legend class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-FzKSkd"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-DrTxnn">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-1648104452184-default-ph-find-your-fit-v16ty93o-Xm5bIZ"> <span class="check-mark" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-HftXX5"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gqJijr"></i> </span> <span class="radio-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-LLy0Es"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-idkIq0">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1s7uMq"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mXQcYe"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-L4TvfL"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8JlrTR"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-wqgljQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OdugIS">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ucWEJq">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-1648104452184-default-ph-find-your-fit-v16ty93o-9UFhGR"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NxH13t">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-F3uhAc"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-404HEJ"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-KP0YPP"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NNjhRe"></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-1648104452184-default-ph-find-your-fit-v16ty93o-KQJgtL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gK2mRQ"> <!-- <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-1648104452184-default-ph-find-your-fit-v16ty93o-JayUPL"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8MNkhx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-UHx31x">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-1648104452184-default-ph-find-your-fit-v16ty93o-KHcXKr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-SBtFOr">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tiCe2P"> <label for="locations" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-rYtNR7"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7BJaz1">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-KYK4ED"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2zGN8G"> ${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-1648104452184-default-ph-find-your-fit-v16ty93o-5OmS7t"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TkkLIL"> <div role="list" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lN661T"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-Bi7RR3"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ueVnvD">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6KHPO8"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Y8Q5VI"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-65wGNz"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XeC2Rz"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0yNjxz"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="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-1648104452184-default-ph-find-your-fit-v16ty93o-Hru7eD"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-wmHe8k"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-zfPSmH"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZcKQNK"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-Ihh4VU"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-iplwic">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mCXKKU"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-pBwmrb"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-3sdWKo"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-aiYO5K"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-kbamK1"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-EiCzzR"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Wl3WiT">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Q2rAeH">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-1648104452184-default-ph-find-your-fit-v16ty93o-K91j0M"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mpNmAh">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1jCBh4"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tvfeZw"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-L0v9El"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Ynse5w"></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-1648104452184-default-ph-find-your-fit-v16ty93o-CEB36c"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Q504y0"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-JYEKae"> <!-- <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-1648104452184-default-ph-find-your-fit-v16ty93o-NSDAml"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-v3e92x"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-o3gxmH">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Q3jthx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NpWu7P">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-CXcb07">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-1648104452184-default-ph-find-your-fit-v16ty93o-X32Pbz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-HarzOb">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-1648104452184-default-ph-find-your-fit-v16ty93o-oBiTtC"> <form role="form" submit.delegate="" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1QoQ93"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gcDCz3"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Jue4a5"> <label for="preferredName" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TXpAEV"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OMX6iI">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-yapVsp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dEP8yf"> Preferred name <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XEz59h">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-YwxUJf"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-FG02ON"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sy9S8I"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-zZThRB">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NvWBmv"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Xahetv"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-MvbAdh"> <label for="name" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-xjOGlf"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-OA1oru">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PjVQwP"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GZs8fi"> Full name <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Mkd9vr">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7aUCtS"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TMzU47"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-HDdKZW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-YXdvl4">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-1648104452184-default-ph-find-your-fit-v16ty93o-UupDJ4"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-eHtJ6v"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-U0933X"> <label for="email-1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZY71aa"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-19bTta">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-a9VDBz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Fq27jv">Email <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0nl4H2"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-LNjXJt"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GQyX2v"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Lxuufu"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-V1xz1O"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GCYb0L">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-1648104452184-default-ph-find-your-fit-v16ty93o-HmPcs0"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZGuYeI">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-1648104452184-default-ph-find-your-fit-v16ty93o-raFKol"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-JNKO1z"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-cKSosi"> <label for="phone" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-3wqvty"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-s7ChId">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Ft8aVW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-wigXRp">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-DfmoWy"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ALF5nJ"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-i9Kwiv"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ATvx5g">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-1648104452184-default-ph-find-your-fit-v16ty93o-g43swI"></i> </input></div> <div class="security-info" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PsQlsq"> <div class="security-info-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ocMOQ7"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gDdGKI"></i> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gR56PX"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-aAtbRI"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Cmv4AQ"> <label class="input-checkbox-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-YnHdP3"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lF1PIb"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0QLPdp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-pKzXSf"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-rS63ak"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0v98nd" language-overriden="true"> The Adobe family of companies may keep me informed with personalized emails about Adobe employment opportunities, company updates, events and other related news. See our <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=ouf58%2BtSiqpmMmQnF6Ix5p7Y5fMzgYu5xgkN5NJpYbE%3D&reserved=0"> Recruitment and Applicant Privacy Policy</a> for more information on how Adobe <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23collect&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=T%2BXRT9WpHxBqxoCaGKGX6PmtF5bFHQNPqPzUySyzeDs%3D&reserved=0"> collects</a>, <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23use&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=dwEXhQKwHGSAsdaZvYTfZRKDkd0hV4IBTpSyewS%2F6j4%3D&reserved=0"> uses</a>, <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23retain&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=UJyaiGOdMYszA6Kd7rndtTgvSDV8YtfxuFu612aSmuI%3D&reserved=0"> retains</a> and <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23disclose&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=61mNmdqLg0AAGrElGMjIvFGc%2B9h852KOf%2FwtPnoxhzE%3D&reserved=0"> discloses</a> your personal information or to opt-out at any time. For applicants in California, Adobe does not <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23sell&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Iidt5rPw3UmSrhrJgZh2aAKJBfGa0lh0g2y3%2FprSYKw%3D&reserved=0"> sell or share</a> your personal information.</ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-x3Bz29"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-awGW7x" language-overriden="true"> The Adobe family of companies may keep me informed with personalized emails about Adobe employment opportunities, company updates, events and other related news. See our <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=ouf58%2BtSiqpmMmQnF6Ix5p7Y5fMzgYu5xgkN5NJpYbE%3D&reserved=0"> Recruitment and Applicant Privacy Policy</a> for more information on how Adobe <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23collect&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=T%2BXRT9WpHxBqxoCaGKGX6PmtF5bFHQNPqPzUySyzeDs%3D&reserved=0"> collects</a>, <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23use&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=dwEXhQKwHGSAsdaZvYTfZRKDkd0hV4IBTpSyewS%2F6j4%3D&reserved=0"> uses</a>, <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23retain&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=UJyaiGOdMYszA6Kd7rndtTgvSDV8YtfxuFu612aSmuI%3D&reserved=0"> retains</a> and <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23disclose&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=61mNmdqLg0AAGrElGMjIvFGc%2B9h852KOf%2FwtPnoxhzE%3D&reserved=0"> discloses</a> your personal information or to opt-out at any time. For applicants in California, Adobe does not <a target="_blank" href="https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.adobe.com%2Fprivacy%2Fapplicant-privacy.html%23sell&data=05%7C01%7Cdianah%40adobe.com%7C1bac4733272d484a56f408dae230dc26%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C638070998577448557%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Iidt5rPw3UmSrhrJgZh2aAKJBfGa0lh0g2y3%2FprSYKw%3D&reserved=0"> sell or share</a> your personal information.</ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-l55stW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lQbq36"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-ugJew0"> <div class="checkbox-btn-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-CyaFj7"> <label class="input-checkbox-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Kc5PrZ"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-kS2SJg"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-iAlSCA"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8utzxf"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1hn5cD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-91kftB">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-1648104452184-default-ph-find-your-fit-v16ty93o-q0UHlN"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-pV2KX8"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-fS1IxO"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-v7HZpz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-CIZxNo"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-StQsoF"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-xSMQbR"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-N4tPZ9">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QbQvs4" view="1659697275603-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-1659697367910" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NZJIMz"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-c1IQOQ"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-uu7Zxh"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-yEDKx1"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6wcpOp"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8v5vkD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vzzZRi">Submit </ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sLOV8h"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8hn7l4"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Kww8b2"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-fS2ouH"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-uWZCXL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-4KJ16t"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-hkF0SQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-cY6LC0">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mmCB95">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TZZdxN" view="1659697275612-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-1659697326837" instance-id="fyf1" original-view="view1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-GsrHdr"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-xvdzGb"> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-eohyPh"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-iSuMxA"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-f39ZwC"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sDwVus"></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-1648104452184-default-ph-find-your-fit-v16ty93o-SBkc9b"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-c9avv7"> <!-- <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-1648104452184-default-ph-find-your-fit-v16ty93o-7jzlJ1"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ucOORU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-v0OYhE">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-AHI22N">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-1648104452184-default-ph-find-your-fit-v16ty93o-fDhzVM"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gaNed9"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-76Aq5d" view="1659697275661-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="1659697275661-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-1648104452184-default-ph-find-your-fit-v16ty93o-3WIea6"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XyIzE1"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-8xdhqA"> <div class="widget-container" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7inTfl"> <div class="content-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-eX8T7b"> <ul class="login-link-list" role="list" key-role="6ty93o-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-nCDbhR"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="6ty93o-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XHypAx"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-3L2BEQ"> <div class="icon-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ZY3Wcy"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-tNBCDt"></i> </div> <div class="text-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-MdFZo8"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-n3A4x5"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-JEOf1U">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-IvDIhA"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-jtTm9F"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-RPVIcd"> <form role="form" submit.delegate="" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vMtoFK"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-nTBmeQ"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NRUuK2"> <label for="preferredName" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-DRtSoq"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2GoN3P">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-me1tQq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-G4LIw9"> Preferred name <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-LqCmV4">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-j7kuVi"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Pid3BR"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-z9B2Ly"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-oNQiTA">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gTV4Gf"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lICPA2"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-49C5LQ"> <label for="name" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ziooXL"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-iw4ugx">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dQCvgU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-kLwowI"> Full name <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-vAvShj">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-cQvRkC"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-19t9Kq"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-HSSc00"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-0h20ux">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-1648104452184-default-ph-find-your-fit-v16ty93o-oB4QzH"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-oxc06M"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-W4DnUj"> <label for="email-2" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-o5DAG5"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-HchFyY">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NjTha2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-M4G4Sb">Email <span class="required" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ffFtrf"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dbTio3"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-M9wUvN"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mQXY3w"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-92GiDp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PNPjBx">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-1648104452184-default-ph-find-your-fit-v16ty93o-gCBFTG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-hLEZkz">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-1648104452184-default-ph-find-your-fit-v16ty93o-bE4TzW"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dtKFQf"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-zyI1NT"> <label for="phone" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-fXmyFO"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2uVXfy">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-AdhnPn"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-7zniyg">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TpTioc"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-R8xsT7"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-68kxEU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6KCt4Z">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-1648104452184-default-ph-find-your-fit-v16ty93o-tPJCyC"></i> </input></div> <div class="security-info" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-QlmuN0"> <div class="security-info-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-NvNi1N"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-o6JNIE"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-qW4Vrj"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2utGGP"> <label class="input-checkbox-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-mRrD0N"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-5thsXS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-ynEdkJ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-oJsxvN"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-y12FAo"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XcRBKi"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-BVJ5fg"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-khQ6w5">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-hGpEyT"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9n5xeT"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-JMZoE8"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6c0JAH">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-DXBNQX"> <div class="checkbox-btn-group" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Safrsr"> <label class="input-checkbox-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Z8gAwI"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sdWWuF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Q7hyAf"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PYkyh1"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-FBVI31"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-msqIxo">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-1648104452184-default-ph-find-your-fit-v16ty93o-Pux9c7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1xJY1L"> 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-1648104452184-default-ph-find-your-fit-v16ty93o-lSkh12"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-BQusGD"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-hQzwKK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-lZeDqf"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-W8Ecat"></span> <span class="checkbox-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-CIVj6o"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-2C0PUd"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-rYUs0i">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Eu5Msx" view="1659697275661-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-1659697367996" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-swDV62"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-SikUIl"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-WMMJpK"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-sQhRmQ"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-gT65LT"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-dZuxuA"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-Y1nP3g">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-6oKUF6"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-9rpgLU"> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1hCXZy"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-W68jfN"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PqzmOF"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-42VNtM"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-WGQ7kf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-TwCyXi">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-1648104452184-default-ph-find-your-fit-v16ty93o-pMFs4X"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-gxOhw5"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-J5eTNc"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-PlVV0j"> ${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-1648104452184-default-ph-find-your-fit-v16ty93o-A30NSA"> <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-1648104452184-default-ph-find-your-fit-v16ty93o-gAWhsQ"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-hvtDsZ"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-XUR7fN"> <div data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-LM0vn5"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-v1cECv"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-KyVmZX"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-1648104452184-default-ph-find-your-fit-v16ty93o-1NqKG0"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1659697400053" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-M2w7Qo"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-GAcKLs"> <div class="widget-container" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-HCZwIP"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-2srH6r"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-KvssbT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-F7U4PH"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="7uyy7u-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-Ms8Nhm"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-CDL3mp"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-jVkc5L"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-5jZfR7"> <ppc-content key="51YSWA-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-iXmXxF"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fkuQdn"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1zZo3WS"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-fygpTX"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-yGmStv"> <ppc-content key="PAS4d8-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-uxY4Ug"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fkuQdn"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1zZo3WS"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-Tb3STR"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-ZM46iS"> <span class="social-alert-msg" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-Mav09m"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="7uyy7u-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-gnIPgN"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-u7CKu7"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-6agXzN"> <div class="icon-block" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-Nfaac3"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-wG8tRm"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1659697347341-ph-social-connect-v17uyy7u-NwyDyJ"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1659697368093" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-RZhuWj"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-1sgPYI"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-T7fbwO">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-QiB3VT"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-7sTnYI"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-yrJlbw"> <div class="close-popup-btn" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-9v2BeZ"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-PeKkDK"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-dSDYqK"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-0ZdRkO"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-pBnE3K"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-y3lV4C"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-Lz0cRo"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-sgJTfA"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-TSv8N0"></span> <span class="checkbox-text" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-007kGq"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-CpPfzj"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-J89gzW">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-3I5lx4"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1659697335009-ph-consent-popup-v1dk1signup-cKL1FU"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1659697400152" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-xxJW82"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-55N2ej"> <div class="widget-container" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-FSNEQb"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-CvjhSX"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-OzEbWf"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-ZP5KvS"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-j3Jjxy"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-dCN2jt"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-m0zen6"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-S8POiL"> <ppc-content key="DIUNrv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-jTZ96E"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-OMbQG3"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-gTLKPK"> <ppc-content key="UfMqks-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-Qwy4MM"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-D0RTYR"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-JDlQy3"> <span class="social-alert-msg" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-gAgJXh"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-NVK1yW"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-ASQlWI"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-BjdvT3"> <div class="icon-block" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-GlsKS6"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-P7ghV3"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1659697347470-ph-social-connect-v1-1KAYe5"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1659697400251" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-JpGHa1"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-B4u2Pk"> <div class="widget-container" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-zfyl0e"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-Rzgqo9"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-d85TMy"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-3Kkb6r"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-vIoBAf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-W1b0gC"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-AdGBcd"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-S95FQS"> <ppc-content key="29GiaH-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-MTEAQk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-zakCXC"> <span class="social-checkbox-btn-text" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-IbVMKj"> <ppc-content key="TV5Mm3-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-zyTMCk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1fZFAJQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1PvemYK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-jJEQke"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-PHYQaP"> <span class="social-alert-msg" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-0S4V2T"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-LTlV4E"> <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-1659697382012-view5-ph-social-connect-v1-Lbk6tR"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-8u4rVA"> <div class="icon-block" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-rAv5eb"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-WezyQw"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1659697382012-view5-ph-social-connect-v1-hE9RYE"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1648104452445" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page12-C5RFgB"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page12-1uUkUM"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page12-30qcQa"></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-page12-qgical" style="background-color: rgba(161,161,161,1) ;"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-nK03Qw"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page12-cO16o0"> <div class="widget-container" data-ph-id="ph-page-element-page12-qS2C8Z"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page12-oUl4QM"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page12-y6SYHi"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-YmZQBn" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-OtlEqk" language-overriden="true"><h3 class="phs-heading " ph-element-dummy-ele="true">Get tailored job recommendations based on your interests.</h3></ppc-content> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-CGbwRZ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-mT45SQ" language-overriden="true"><div class="phs-heading" data-ph-id="ph-page-element-page12-Onh0Co" ph-element-dummy-ele="true"><div></div></div></ppc-content> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page12-Z6VDwI"> <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-ai89ra-L1jSiq" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page12-xJiTga"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-XTmA55" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page12-r5inuS" 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-page12-19G6mF"> <div class="widget-container" data-ph-id="ph-page-element-page12-kJLv6F"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page12-FEEI0V"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page12-XLolqg"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page12-wqGyDl"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-page-element-page12-cN9CoL"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page12-8uhCF4"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page12-tBKIAW"> <span key="ph-find-your-fit-container-v1-default-ai89ra-nbRQaO" data-ph-id="ph-page-element-page12-JRA0uI" 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-page12-ReLTKB"> ${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-page12-lgFh7i"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-page-element-page12-Tx8ibl"> <span class="recom-text" data-ph-id="ph-page-element-page12-o2Bd6W">${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-page12-TRqLbG"> <span class="recom-text" data-ph-id="ph-page-element-page12-f6fHvS"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai89ra-dOoD9P" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-cOFc3w" 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-ai89ra-MgefaB" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-R1eqCw" language-overriden="true">Currently, we don't have any jobs that match your interests</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai89ra-NhWMZb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-pygJxA" language-overriden="true">Currently, we don't have any jobs that match your interests</ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai89ra-pQlLPk" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-YKkZnA" 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-ai89ra-IZ5huE" data-ph-id="ph-page-element-page12-ak8Cmy" language-overriden="true"><a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" click.delegate="triggerSignUpPopup()" href="javascript:void(0);">Sign up</a> <span> 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-page12-OMdCG7"> <div class="action-area-block" data-ph-id="ph-page-element-page12-7qGNrL"> <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-ai89ra-u27O12" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page12-WYkGTl"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page12-9PqaiC"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page12-TFApLN"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page12-7oXvMH"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page12-cb8czc"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page12-ozHZvU"> <span data-ph-id="ph-page-element-page12-wendjE">${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-page12-8Bm7lJ"> ${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-page12-LkCuBa"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page12-46MgOI"> <ul data-ph-id="ph-page-element-page12-dz7DwQ"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page12-OQorAs"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-TWHHcq" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page12-87t9Gn"> <span class="button-text" data-ph-id="ph-page-element-page12-0UGNnv"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page12-8u7Hg2"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page12-tTSS51"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-kcnFhH" data-ph-id="ph-page-element-page12-7IRnBZ" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page12-Peijf1"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page12-q9TgDR"> <span class="action-icon" data-ph-id="ph-page-element-page12-HObFGT"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page12-6eYoKe"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page12-ZkqPJt"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page12-Owugw7"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page12-Q5E1ox" view="1648104452166-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="1648104452166-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-page12-xWKOp0"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page12-ZykTDz"> <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-ai89ra-0oY00R" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page12-tWkiy4"> <span class="action-icon" data-ph-id="ph-page-element-page12-wksOIv"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page12-yAtmMA"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-ogJbXN" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page12-dK9pim" language-overriden="true">Upload new file</ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page12-v4Zgxq"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page12-EIG3lv"> <span class="action-icon" data-ph-id="ph-page-element-page12-WJvYEp"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page12-SJn6Yz"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page12-EszYoE"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page12-NAZA4P"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page12-49s9fs"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page12-vZ6gJ3"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page12-FIZgl6"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-SbYE8a" data-ph-id="ph-page-element-page12-P9eJlK" 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-ai89ra-bbr4zL" data-ph-id="ph-page-element-page12-DkTkEt"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-9nbRl9" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page12-BSERfL" 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-page12-J0bTlv"> <div class="action-area-block" data-ph-id="ph-page-element-page12-DGV8d6"> <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-ai89ra-JJwYde" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page12-8Kdj4F"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-jNGfvJ" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page12-rcQH2e" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page12-9W2lJa"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="Reset to match your profile" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-dmuwBS" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page12-p5AiKB"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page12-Ep1oir"></i> <span data-ph-id="ph-page-element-page12-DoyWlv"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-f2Ebz3" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page12-lRpE1P" language-overriden="true">Reset personalization</ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page12-0A9JN1"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page12-9tRCac"> <span class="sr-only" data-ph-id="ph-page-element-page12-1r5gbS">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page12-AUbUyq"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page12-XHvyAe"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-SbYE8a" data-ph-id="ph-page-element-page12-ymzS3B" 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-ai89ra-bbr4zL" data-ph-id="ph-page-element-page12-N0nuoL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-9nbRl9" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page12-dGHfWJ" 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-page12-z3aLAN"> <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-ai89ra-xuhAG5" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page12-9XT8AY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-XTmA55" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page12-Ad1hpa" 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-page12-zIIAfH"> <div class="action-area-block" data-ph-id="ph-page-element-page12-Ta1f9B"> <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-ai89ra-JJwYde" data-ph-id="ph-page-element-page12-OJ5h0X"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-0QjRIz" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page12-NVPzZc" 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-page12-kcFFgw"> <div class="widget-container" data-ph-id="ph-page-element-page12-RGT9rg"> <div class="inner-content" data-ph-id="ph-page-element-page12-YqC60L"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page12-tALY4a"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-xNRmUE" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-TxKFlg" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page12-zz3i0P"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-FAanVd" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-hMIDA7" language-overriden="true">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page12-yFdFVe"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page12-lc3ByC"> <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-page12-XVJEI0"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-d0EE65" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page12-OYDYY0" language-overriden="true">Answer questions</ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page12-I3b6tu"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-8pJUEy" data-ph-at-id="or-text" data-ph-id="ph-page-element-page12-0rniKS" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" data-ph-id="ph-page-element-page12-VwATAt"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page12-Ml5pqv" view="1648104452166-external-upload-resume" original-view="external-upload-resume" theme="default"> <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="external-upload-resume-1659697264656" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page12-FUckOP"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page12-tA6c8b"> <p class="or-text" data-ph-id="ph-page-element-page12-c860JK"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-8pJUEy" data-ph-at-id="or-text" data-ph-id="ph-page-element-page12-qdyjwi" 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-page12-2JJKC9"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-d0EE65" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page12-u6itat" language-overriden="true">Answer questions</ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page12-MmNqND"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page12-EXEUhq"> <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-ai89ra-oAkxGG" data-ph-id="ph-page-element-page12-r531Gp"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-MgK9qt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-oayVBK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-vze7l2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-oAkxGG" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page12-c74O5v" 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-ai89ra-ONqu3h" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-TcvCSZ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-LGCNXe"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page12-CwHES1"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page12-oFxHxO"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page12-K9KhNC"> <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-page12-ZkIjr7"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page12-aqjBLV"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page12-5Pj9oH"> <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-page12-SYa5Bw"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page12-24Oofv"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page12-4Edlq9"> <h2 class="heading-block" data-ph-id="ph-page-element-page12-23g4me"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai89ra-lRaVJ3" data-ph-id="ph-page-element-page12-8SJe5F" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page12-ez5x0D"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai89ra-XSKUsf" data-ph-id="ph-page-element-page12-D2fGfv" 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-page12-VDz7ol"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page12-RuVo8n"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page12-stclkA"> <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-ai89ra-yexwT1" aria-required="true" data-ph-id="ph-page-element-page12-Py8JZZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-ayimVF"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-wMPfk7"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-hvp0jC"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai89ra-vRukkT" data-ph-id="ph-page-element-page12-GHESsf" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page12-EZZMBg"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page12-17HGZv">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page12-813B6s">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page12-ALFCXY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-kBvCVK" data-ph-id="ph-page-element-page12-jH9O8s" 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-page12-YImpUf"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page12-QzID0l"> <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 match for" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-HsyKww" data-ph-id="ph-page-element-page12-aw5cKs"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-gsmD8H"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-aaqTYA"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-QVBJrg"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai89ra-MhBVEw" data-ph-id="ph-page-element-page12-e8TEYV" language-overriden="true">Save my resume and contact me for jobs that I may be a match for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page12-AJqOMt"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page12-alaRqT"> <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-page12-Nmc6U9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page12-L37X6Q"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page12-viyTxT"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page12-liiIt8"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page12-asp9jF"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page12-lEdy1A">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-YaDcWL"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page12-q2SdPG"> ${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-page12-L6RSJN"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-TvCySk" data-ph-id="ph-page-element-page12-4dBpaZ" 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-page12-xzeO8V"> <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-page12-HIbnu4"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page12-Ca71Uk"> <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-page12-8XjSQN"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page12-kmC8a0"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page12-SbJcIG"> <!-- 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-page12-bsAFRO"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page12-ycIFME"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-jjeZa4"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-JLJdU6"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page12-us3cxw"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page12-GHJpnM"> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-xa8cMp"> <div data-ph-id="ph-page-element-page12-kHoQXr"> <label for="name" data-ph-id="ph-page-element-page12-V2lTRL"> <span class="sr-only" data-ph-id="ph-page-element-page12-eXGgTZ"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page12-TTTJVS"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page12-t4sEa8"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page12-vUzDGQ"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page12-T0czLx"> <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-page12-ZcdMlF"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page12-dw6kEL"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page12-M2qLU4"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page12-lCbiUQ"> ${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-page12-iC5aHz"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-JTBniz"> <div data-ph-id="ph-page-element-page12-yGaX7e"> <label for="email" data-ph-id="ph-page-element-page12-YGRP7o"> <span class="sr-only" data-ph-id="ph-page-element-page12-Rj3rDZ"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page12-vofTxS"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page12-f36XxH"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page12-J3OKZx"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page12-vsUQXi"> <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-page12-ExSebV"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page12-BA4Uat"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page12-mskGHd"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page12-HzZ0Yq"> ${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-page12-KDqFA7"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page12-zMoonh"> ${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-page12-2aJi5i"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-JH74x8"> <div data-ph-id="ph-page-element-page12-QvuoCs"> <label for="phone" data-ph-id="ph-page-element-page12-s2Mln5"> <span class="sr-only" data-ph-id="ph-page-element-page12-pxl8yo"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page12-gxxGYL"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page12-L7knbM"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page12-Hly26X"> <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-page12-IpxLZw"> <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-page12-m1q8AH"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page12-3e2qBk"> ${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-page12-ECsvus"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page12-D8yM7L"> <div data-ph-id="ph-page-element-page12-0SONR7"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page12-THU5aG"> <span data-ph-id="ph-page-element-page12-RmI622"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page12-o3wtFI"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page12-kHS04u"> <span data-ph-id="ph-page-element-page12-a6bSyN"> ${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-page12-uncPop"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page12-WxbSir"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-7fNxne"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-uDJLBk"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page12-qNJzw9"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page12-Bnyucp"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page12-xyrSz4"> <div data-ph-id="ph-page-element-page12-a7k2Q6"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page12-Uks9KR"> <span data-ph-id="ph-page-element-page12-cdwUN3"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page12-w8Sbql"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page12-MAq1YB"> <span data-ph-id="ph-page-element-page12-lfX0W6"> ${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-page12-H2Q3py"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page12-PbRZth"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-avDbce"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page12-XepA3g"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page12-oa3P9E"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page12-2YksQe"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page12-GOAfgE"> <div class="input-group" data-ph-id="ph-page-element-page12-DzA8wH"> <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-page12-6yWAeQ"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page12-5g5sBG"></i> </input></div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page12-gnBKse"> <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-page12-7XMVGY"> </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-page12-SXBKx5"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-UMkNlg"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page12-0PFSxd"> <span data-ph-id="ph-page-element-page12-eIWJ7H"> ${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-page12-tCC8wa"> ${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-page12-RluF4l"> <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-page12-nd9zQS"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page12-IJFWnC"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page12-tBLRPq"> ${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-page12-vWK2kz"> <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-page12-g9sQfT"> ${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-page12-3xiiQ3"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-V9MLea"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page12-kGZKEJ"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page12-1zhZfk"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-HsWPrH"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page12-936Z0R"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page12-ZJoA3a"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page12-b8zI82"> <div class="input-group" data-ph-id="ph-page-element-page12-qAphoY"> <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-page12-xV2I2s"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page12-E24Lrd"></i> </input></div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page12-C8EG39"> <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-page12-iIhWpi"> </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-page12-0toepz"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-1alG6o"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page12-fTJ5Gb"> <span data-ph-id="ph-page-element-page12-gp5ID4"> ${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-page12-hntJ3B"> ${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-page12-druZmL"> <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-page12-CLhwuT"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page12-VBo6rr"> <h3 class="skills-heading" data-ph-id="ph-page-element-page12-ZkMUlp"> ${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-page12-FJ2N7l"> <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-page12-lbvGN8"> ${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-page12-iFqFPj"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-G35c3v"></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-page12-lLybyL"> <div data-ph-id="ph-page-element-page12-ddFfQo"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page12-UFtV2W"> ${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-page12-1wvx76"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page12-QUfCnT"> <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-page12-5cTCcg"> <span data-ph-id="ph-page-element-page12-JKYhZ7">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page12-t50dPm"></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-page12-jhT2mn"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page12-e4Rhmi"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-4r57oY"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page12-PTvVxR"> ${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-page12-0QgDXb"> <legend class="sr-only" data-ph-id="ph-page-element-page12-VfQAPh"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page12-gFlEj0"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page12-VIDYWU"> <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-page12-TYwo3q"> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page12-o7uKo5"> <span data-ph-id="ph-page-element-page12-4NEw5t">${exp.displayName} </span> <span data-ph-id="ph-page-element-page12-L2iXqN"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </input></span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page12-6YQfbK"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page12-T12GbI"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page12-RB9rbo"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page12-VIb8YR"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page12-6RPM3o"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page12-PTIse5"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page12-Wq2gJ7"> <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-page12-bmIrqL"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page12-sG7rYS"></i> </input></div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page12-gAh0eV"> <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-page12-ITd16T"> </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-page12-LI8ISy"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-aFN3x9"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page12-uH8lZW"> <span data-ph-id="ph-page-element-page12-PfpCCr"> ${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-page12-xh6Mke"> ${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-page12-9goxKw"> <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-page12-v5PqZN"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page12-ncQi94"> <h3 class="location-heading" data-ph-id="ph-page-element-page12-EcsBxH"> ${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-page12-06tEtP"> <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-page12-OVdGX4"> ${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-page12-cDcZ5t"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page12-QCUefc"></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-page12-kbyAi7"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page12-m4WkpA"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page12-VWxN6I"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page12-O0THwA"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page12-vCyi7Y"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page12-q1Tj7a"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page12-UWoaN6"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page12-hZ5Uvy"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page12-fgK1lC"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-JidlVG"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page12-yeqIaQ"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page12-sSG4Ox"> <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-page12-LrrY6X"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page12-QYr3L1"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page12-KxLuXo"> <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-ai89ra-hMOwa0" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-aHN8NT"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-DDDzdT"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page12-bOHECO"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page12-9D7W0K"></i> <span key="ph-find-your-fit-container-v1-default-ai89ra-mrdKzx" class="sr-only" data-ph-id="ph-page-element-page12-QiIG7r" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page12-4pDS4q"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page12-ElxHMe"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-T9CPgv" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-Rj0Zk2" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page12-Z017LV"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-RtjUuv" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-RgFVDB" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page12-1arVFl"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-Mq45OC" data-ph-at-id="description-text" data-ph-id="ph-page-element-page12-mKS6DD" 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-page12-VGYNzJ"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page12-YPirRm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-muz9JA" data-ph-at-id="description-text" data-ph-id="ph-page-element-page12-r7xkt8" language-overriden="true">Something went wrong</ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page12-w9U1qT"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-XvZ91o" data-ph-at-id="error-text" data-ph-id="ph-page-element-page12-YnO7kM" 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-page12-nPtOGc"> <div class="upload-again" data-ph-id="ph-page-element-page12-1gWFxy"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page12-kf7BO7" view="1648104452175-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="1648104452175-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-page12-W2PAj4"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page12-OBj8sU"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page12-wh50Hp"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-G5NXu0" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page12-VPFoSF" 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-page12-dyHhIw"> <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-ai89ra-o5dGLA" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-Enfcbn"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-ek3m2l"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page12-WLMHqR"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page12-erUED0"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page12-rohIML"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-xwOxer" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page12-JVNadk" 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-page12-n6WRDw"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-c0e8Lz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-yUpnGK" language-overriden="true">We noticed the information below is missing.<br /> Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page12-72Zia7"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-z2h87k" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-u7ldke" language-overriden="true">We noticed the information below is missing.<br /> Please complete the following:</ppc-content> </h2> <div data-ph-id="ph-page-element-page12-O8mNqB"> <form role="form" aria-label="Contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-LFPVtc" data-ph-id="ph-page-element-page12-19ohSj"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-9hLJ5M"> <div data-ph-id="ph-page-element-page12-FU5el2"> <label for="email" data-ph-id="ph-page-element-page12-CqvHxX"> <span key="ph-find-your-fit-container-v1-default-ai89ra-4tb9Gj" class="sr-only" data-ph-id="ph-page-element-page12-VMf1l7" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page12-iwLDy2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-4tb9Gj" data-ph-at-id="email-text" data-ph-id="ph-page-element-page12-KQUSv4" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page12-hkkyNF"> <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-ai89ra-MIDfxF" 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-page12-8hADOf"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page12-BSY70Z"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page12-6Kf7Rk"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-vF2Ioa" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page12-ssexQ2" language-overriden="true">Email should not be empty</ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page12-rjJrPF"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-rZTQ3z" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page12-5mFWWl" 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-page12-x5shLj"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page12-IGpXnK"> <div data-ph-id="ph-page-element-page12-WQ2ANW"> <label for="phone" data-ph-id="ph-page-element-page12-nq7Nd0"> <span key="ph-find-your-fit-container-v1-default-ai89ra-gn5T9W" class="sr-only" data-ph-id="ph-page-element-page12-ZA4hZh" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page12-W0rqi2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-S1ha8S" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page12-bDPCuK" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page12-Y7YDYU"> <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-ai89ra-RAyy5O" 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-page12-oNmTGh"> <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-page12-gLBqgV"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-Bz9gKI" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page12-jMEJCR" 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-page12-FK5ALo"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page12-UWVtrw"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page12-sxOWyQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-REDDz3" data-ph-id="ph-page-element-page12-hCAeeL" 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-page12-6AgDHo"> <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-ai89ra-sKTWke" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-IyNVqE"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-c37zUx"></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-page12-YYKTjl"> <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-page12-meA8AS"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page12-bY2XLm"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page12-vLmYWc"> <h2 class="phs-heading" data-ph-id="ph-page-element-page12-5fHnZx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-lfY3Uz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page12-ze5d5R" 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-page12-s979Pq" view="1648104452176-view4" original-view="view4" theme="default"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1659697269358" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page12-jCQd9A"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page12-DZZfQf"> <span data-ph-id="ph-page-element-page12-RPwFN6"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page12-95Tma6"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-yOSQlE" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page12-rjlsPv" 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-page12-MDXXkF"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page12-TiFsQv"> <div class="failure-img-block" data-ph-id="ph-page-element-page12-Gfd6LM"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page12-20XTXx"></i> <span key="ph-find-your-fit-container-v1-default-ai89ra-HWAe8g" class="sr-only" data-ph-id="ph-page-element-page12-tfeXep" language-overriden="true">Success icon</span></div> <div data-ph-id="ph-page-element-page12-nuUqPj"> <h3 class="heading" data-ph-id="ph-page-element-page12-4Kduu0"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-rNq3rl" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page12-P7lTrh" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page12-bMPddn"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-Uf3YwX" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page12-jmEvch" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page12-CGimLB"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-GpxjeF" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page12-HIz3T1" 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-page12-9hrHZD"> <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-ai89ra-3QEqKP" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-NEVWPj"> <span class="btn primary-button" data-ph-id="ph-page-element-page12-Dt88Mk"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-pTfZE4" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page12-SIzXMF" 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-page12-GwclWH"> <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-ai89ra-Zx8mqC" data-ph-at-id="close-link" data-ph-id="ph-page-element-page12-ZzpPZs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page12-WH9KAk"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page12-YeA2u6"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page12-ADk44z"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai89ra-WMaPdL" data-ph-id="ph-page-element-page12-ArbsVC" language-overriden="true">Reset icon</span> </div> <div data-ph-id="ph-page-element-page12-taR3CX"> <div class="p-text" data-ph-id="ph-page-element-page12-lvTzaH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-DeEEAR" data-ph-at-id="description-text" data-ph-id="ph-page-element-page12-LAku1Q" language-overriden="true">By resetting personalization<br /> you will lose your personalized job recommendations</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page12-25sk6S"> <div class="delete-link" data-ph-id="ph-page-element-page12-IYRVEk"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-7s6jcG" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page12-VoBYFX"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-2VrxBp" data-ph-id="ph-page-element-page12-Fr5mkh" 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-page12-RddgqA" view="1648104452184-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-1659697275672" original-view="default" data-ph-id="ph-page-element-page12-q4l9Oc"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page12-RGLNZD"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page12-lvGZfX"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page12-nekeyB" view="1648104452403-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-1659697382027" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page12-iLklZc"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page12-V0wU4H"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page12-AKFKtX"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page12-NomZ1Q"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v3-4533876242238074-default" nonce=""><form class="phs-global-search-area phs-global-sr-container ph-widget-box ph-mobile-search-backdrop" keyup.delegate="arrowKeyUp($event)" novalidate="" action="" title="${widgetBundle['globalSearchFormTitle'] | pht}" data-ph-id="ph-widget-element-4533876242238074-2"> <div class="search-text-block" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-4533876242238074-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-4533876242238074-4"> <h1 data-ph-id="ph-widget-element-4533876242238074-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-4533876242238074-6"> <h6 data-ph-id="ph-widget-element-4533876242238074-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="search-text-block" if.bind="!(agpData && agpData.bannerText && agpData.totalHits >0)" data-ph-id="ph-widget-element-4533876242238074-8"> <h1 if.bind="showTitle" data-ph-id="ph-widget-element-4533876242238074-9"> <ppc-content key="y2z4sW-ph-global-search-v3-default-doWhatYouLoveHeading" data-ph-at-id="widget-heading-text" data-ph-id="ph-widget-element-4533876242238074-10" language-overriden="true">Enter job title, keyword or location</ppc-content> </h1> <div if.bind="showCaption" class="sub-heading-text" data-ph-id="ph-widget-element-4533876242238074-11"> <ppc-content key="y2z4sW-ph-global-search-v3-default-searchJobsHeading" data-ph-at-id="widget-sub-heading-text" data-ph-id="ph-widget-element-4533876242238074-12" language-overriden="true">Enter job title, keyword or location</ppc-content> </div> </div> <div class="form-group phs-global-search ph-search-group" data-ph-id="ph-widget-element-4533876242238074-13"> <button class="ph-header-search-icon hide" aria-label="${widgetBundle['globalsearchAriaLabelText'] | pht}" type="button" data-ph-id="ph-widget-element-4533876242238074-14"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-15"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-16"></i> </ppc-content> </button> <div class="input-group ${showDropDown ? 'dropdown-open': 'dropdown-close'}" data-ph-id="ph-widget-element-4533876242238074-17"> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="!hasFeature && !hasFeature('auto-complete', 'a11y')" data-ph-id="ph-widget-element-4533876242238074-18"> <div data-ph-id="ph-widget-element-4533876242238074-19"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="YbUELS-y2z4sW-ph-global-search-v3-default-mobileBackButtonText" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-4533876242238074-20"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-21"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="dj9Qh1-y2z4sW-ph-global-search-v3-default-mobileBackButtonText" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-4533876242238074-22"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-23"></i> </a> <label class="sr-only" for="phsKeywords" data-ph-id="ph-widget-element-4533876242238074-24"> ${widgetBundle['inputLabelText'] | pht} </label> <input type="text" name="phsKeywords" id="phsKeywords" if.bind="getWidgetBundleValue" key-placeholder="tVm2em-y2z4sW-ph-global-search-v3-default-globalSearchPlaceholderText" aria-label="${widgetBundle['inputAriaLabelText'] | pht}" placeholder="Enter job title, keyword or location" ref="typehead" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-widget-element-4533876242238074-25"> <input type="text" name="phsKeywords" id="phsKeywords" key-placeholder="vYBjHg-y2z4sW-ph-global-search-v3-default-globalSearchPlaceholderText" aria-label="Enter job title, keyword or location" key-aria-label="y2z4sW-ph-global-search-v3-default-inputAriaLabelTxt" placeholder="Enter job title, keyword or location" if.bind="!getWidgetBundleValue" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-widget-element-4533876242238074-26"> <span class="search-sym" data-ph-id="ph-widget-element-4533876242238074-27"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-28"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-29"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="lpNlV1-y2z4sW-ph-global-search-v3-default-clearSearchBtnTxt" data-ph-id="ph-widget-element-4533876242238074-30"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-31"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-32"></i></ppc-content> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-33"> <ppc-content key="mQ2VeV-y2z4sW-ph-global-search-v3-default-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-4533876242238074-34">Clear text </ppc-content> </span> </a> </input></input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="searchSuggest" aria-label="Search suggestions" aria-hidden="${!showDropDown ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-35"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-4533876242238074-36"> <div class="phs-search-categories" data-ph-id="ph-widget-element-4533876242238074-37"> <div data-ph-id="ph-widget-element-4533876242238074-38"> <h2 data-ph-id="ph-widget-element-4533876242238074-39"> <ppc-content key="MWR4S5-y2z4sW-ph-global-search-v3-default-job-categories-text" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-40">Job Categories </ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" data-ph-at-id="category-list" role="presentation" data-ph-at-total-data-count="${allJobCategories.length}" data-ph-id="ph-widget-element-4533876242238074-41"> <li repeat.for="category of allJobCategories" class="job-search-keyblock job-container-category_${$parent.$index}_${$index}" data-ph-at-id="category-list-item" data-ph-id="ph-widget-element-4533876242238074-42"> <a ph-tevent="job_category_search_click" aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'jobs':'job'}" id="phs-lia_${$parent.$index}_${$index}" ref="linkEle" data-presentation-title="${category.key}" href.bind="getUrl(linkEle, 'category', category)" role="link" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-4533876242238074-43"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-44"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-4533876242238074-45">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-4533876242238074-46"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-widget-element-4533876242238074-47">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-widget-element-4533876242238074-48">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-4533876242238074-49"> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-4533876242238074-50"> <h2 data-ph-id="ph-widget-element-4533876242238074-51"> <ppc-content key="B1Exb5-y2z4sW-ph-global-search-v3-default-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-52"> 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="presentation" data-ph-id="ph-widget-element-4533876242238074-53"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-54"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-4533876242238074-55"> <span sr-only="" data-ph-id="ph-widget-element-4533876242238074-56">Military Code</span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-57"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-4533876242238074-58"> <ppc-content key="gJgB6d-y2z4sW-ph-global-search-v3-default-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-4533876242238074-59"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" aria-label="Job Suggestions" data-ph-id="ph-widget-element-4533876242238074-60"> <!--Jobs--> <div class="phs-jobs-suggested" if.bind="allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-4533876242238074-61"> <h2 data-ph-id="ph-widget-element-4533876242238074-62"> <ppc-content key="y2z4sW-ph-global-search-v3-default-jobsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-63">Jobs</ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.jobs.length}" aria-hidden="${!allSuggestions.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-64"> <li repeat.for="eachJob of allSuggestions.jobs" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-65"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob)" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-option-title="${eachJob.title}" aria-label="Job title ${eachJob.title} ${eachJob.location ? 'Location' : ''} ${eachJob.location} ${eachJob.category ? 'Category' : ''} ${eachJob.category}" data-title="${eachJob.title}" data-jobid="${eachJob.id}" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-id="suggested-data-link" data-ph-at-job-id-text="${eachJob.id}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-category-text="${eachJob.category}" data-ph-at-job-location-text="${eachJob.location}" data-ph-id="ph-widget-element-4533876242238074-66"> <div class="phs-job-title" data-ph-id="ph-widget-element-4533876242238074-67"> <!-- <span class="sr-only"><ppc-content key="catogeryJobTitleText" data-ph-at-id="jobtitle-text">Job title</ppc-content></span> --> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-68"></span> </div> <div class="phs-job-info" if.bind="eachJob.location" data-ph-at-id="job-info" data-ph-id="ph-widget-element-4533876242238074-69"> <span class="phs-job-location" data-ph-id="ph-widget-element-4533876242238074-70"> <!-- <span class="sr-only"><ppc-content key="headerJobLocationsText" data-ph-at-id="joblocation-text">Location</ppc-content></span> --> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-4533876242238074-71"> <!-- <span class="sr-only"> <ppc-content key="headerJobCatogeryText" data-ph-at-id="jobcategory-text">Category</ppc-content> </span> --> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-4533876242238074-72"> <h2 data-ph-id="ph-widget-element-4533876242238074-73"> <ppc-content key="PYYCsj-y2z4sW-ph-global-search-v3-default-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-74"> 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="presentation" data-ph-id="ph-widget-element-4533876242238074-75"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-76"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-4533876242238074-77"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-78"></span> </a> </li> </ul> </div> <!--Location--> <div class="phs-locations-suggested" if.bind="(allSuggestions.show.locations && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedLocations')))) && (allSuggestions.locations.city.length || allSuggestions.locations.state.length || allSuggestions.locations.country.length)" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-4533876242238074-79"> <h2 data-ph-id="ph-widget-element-4533876242238074-80"> <ppc-content key="y2z4sW-ph-global-search-v3-default-locationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-81"> Locations </ppc-content> </h2> <ul class="phs-locations-suggested-list" role="region" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.locations.length}" aria-hidden="${!allSuggestions.locations.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-82"> <li repeat.for="eachCity of allSuggestions.locations.city" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-4533876242238074-83"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_1_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCity, 'qcity='+eachCity.city+'&qstate='+eachCity.state+'&qcountry='+eachCity.country)" data-ph-tevent-attr-trait59="location" aria-label="${eachCity.locationName} ${eachCity.count} ${eachCity.count > 1 ? 'jobs' : 'job'}" data-ph-tevent-attr-trait60="${eachCity.name}" data-option-title="${eachCity.name}" data-category="${eachCity.name}" data-ph-at-data-count="${eachCity.count}" data-ph-at-data-text="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-4533876242238074-84"> <span innerhtml="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-4533876242238074-85"></span> <span if.bind="eachCity.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-4533876242238074-86"> <ppc-content key="vATfYO-y2z4sW-ph-global-search-v3-default-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-4533876242238074-87"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCity.count}" data-ph-id="ph-widget-element-4533876242238074-88"> ${(widgetBundle['eachCityCount'] || '{{totalCityCount}}') | pht:{'totalCityCount':eachCity.count}} </span> </a> </li> <li repeat.for="eachState of allSuggestions.locations.state" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-states-list-item" data-ph-id="ph-widget-element-4533876242238074-89"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_2_${$index}" href.bind="getUrl(linkEle, 'search-results', eachState, 'qstate='+eachState.state+'&qcountry='+eachState.country)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachState.name}" data-option-title="${eachState.name}" aria-label="${eachState.locationName} ${eachState.count} ${eachState.count > 1 ? 'jobs' : 'job'}" data-category="${eachState.name}" data-ph-at-data-count="${eachState.count}" data-ph-at-data-text="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-4533876242238074-90"> <span innerhtml="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-4533876242238074-91"></span> <span if.bind="eachState.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-4533876242238074-92"> <ppc-content key="6Q6sRg-y2z4sW-ph-global-search-v3-default-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-4533876242238074-93"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachState.count}" data-ph-id="ph-widget-element-4533876242238074-94"> ${(widgetBundle['eachStateCount'] || '{{totalStateCount}}') | pht:{'totalStateCount':eachState.count}} </span> </a> </li> <li repeat.for="eachCountry of allSuggestions.locations.country " class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-countries-list-item" data-ph-id="ph-widget-element-4533876242238074-95"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_3_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCountry, 'qcountry='+eachCountry.name)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachCountry.name}" data-option-title="${eachCountry.name}" data-category="${eachCountry.name}" data-ph-at-data-count="${eachCountry.count}" aria-label="${eachCountry.locationName} ${eachCountry.count} ${eachCountry.count > 1 ? 'jobs' : 'job'}" data-ph-at-data-text="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-4533876242238074-96"> <span innerhtml="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-4533876242238074-97"></span> <span if.bind="eachCountry.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-4533876242238074-98"> <ppc-content key="bks3W1-y2z4sW-ph-global-search-v3-default-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-4533876242238074-99"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCountry.count}" data-ph-id="ph-widget-element-4533876242238074-100"> ${(widgetBundle['eachCountryCount'] || '{{totalCountryCount}}') | pht:{'totalCountryCount':eachCountry.count}} </span> </a> </li> </ul> </div> <!--Category--> <div class="phs-categorys-suggested" if.bind="allSuggestions.show.categories && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-4533876242238074-101"> <h2 data-ph-id="ph-widget-element-4533876242238074-102"> <ppc-content key="y2z4sW-ph-global-search-v3-default-suggestedCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-103">Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.categories.length}" aria-hidden="${!allSuggestions.categories.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-104"> <li repeat.for="eachCategory of allSuggestions.categories" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-105"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'category', eachCategory)" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-option-title="${eachCategory.category}" aria-label="${eachCategory.category} ${eachCategory.count} ${eachCategory.count > 1 ? 'jobs' : 'job'}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-4533876242238074-106"> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-4533876242238074-107"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <!--Recent Searches--> <div class="phs-recentsearches-suggested" if.bind="(allSuggestions.searched && allSuggestions.searched.length && allSuggestions.show.searched) && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-4533876242238074-108"> <h2 data-ph-id="ph-widget-element-4533876242238074-109"> <ppc-content key="y2z4sW-ph-global-search-v3-default-recentSearchesHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-110">Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-111"> <li repeat.for="eachKeyword of allSuggestions.searched" data-ph-at-id="suggested-data-list-item" show.bind="$index < 3" data-ph-id="ph-widget-element-4533876242238074-112"> <a ph-tevent="type_ahead_search" id="phs-lia_4_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" aria-label="${eachKeyword}" data-ph-id="ph-widget-element-4533876242238074-113">${eachKeyword}</a> </li> </ul> </div> <!--Suggested Keywords--> <div class="phs-suggested-keywords-suggested" if.bind="allSuggestions.show.keywords && !allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-4533876242238074-114"> <h2 data-ph-id="ph-widget-element-4533876242238074-115"> <ppc-content key="GnMnOI-y2z4sW-ph-global-search-v3-default-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-116">Suggested keywords</ppc-content> </h2> <ul class="phs-suggested-keywords-list" click.delegate="handleSelection($event)" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.keywords.length}" aria-hidden="${!allSuggestions.keywords.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-4533876242238074-117"> <li repeat.for="eachKeyword of allSuggestions.keywords" show.bind="$index < 3" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-118"> <a ph-tevent="type_ahead_search" id="phs-lia_5_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="inlineSearch ? 'javascript:void(0)' : getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" aria-label="${eachKeyword}" data-ph-id="ph-widget-element-4533876242238074-119"> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-id="ph-widget-element-4533876242238074-120"> <div aria-owns="typehead-listbox" aria-haspopup="listbox" data-ph-id="ph-widget-element-4533876242238074-121"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="lv6S1x-y2z4sW-ph-global-search-v3-default-mobileBackButtonText" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-4533876242238074-122"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-123"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="GatvpK-y2z4sW-ph-global-search-v3-default-mobileBackButtonText" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-4533876242238074-124"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-125"></i> </a> <!-- <span class="sr-only">Please navigate the suggestions using the tab key</span> --> <label for="typehead" class="sr-only" data-ph-id="ph-widget-element-4533876242238074-126">${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}</label> <input type="text" class="ph-a11y-search-box form-control phs-keywords input-lg ph-input-search" value.bind="searchValue" placeholder="${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}" autocomplete="off" ph-a11y-autocomplete="" aria-autocomplete="list" aria-controls="typehead-listbox" data-ph-at-id="globalsearch-input" showresultsonfocus="${isMilitarySearch ? false : true}" name="typehead" id="typehead" data-ph-id="ph-widget-element-4533876242238074-127"> <span class="search-sym" data-ph-id="ph-widget-element-4533876242238074-128"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-129"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-130"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0);" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="ypfRnE-y2z4sW-ph-global-search-v3-default-clearSearchBtnTxt" data-ph-id="ph-widget-element-4533876242238074-131"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-132"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-133"></i></ppc-content> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-134"> <ppc-content key="znspdH-y2z4sW-ph-global-search-v3-default-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-4533876242238074-135"> Clear text </ppc-content> </span> </a> </input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="typehead-listbox" aria-label="Search suggestions" tabindex="-1" aria-hidden="${!showDropDown ? 'true' : 'false'}" aria-labelledby="typehead-listbox" data-ph-id="ph-widget-element-4533876242238074-136"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-4533876242238074-137"> <div class="phs-search-categories" show.bind="allJobCategories.length" data-ph-id="ph-widget-element-4533876242238074-138"> <div data-ph-id="ph-widget-element-4533876242238074-139"> <h2 id="ph-search-job-categories" data-ph-id="ph-widget-element-4533876242238074-140"> <ppc-content key="PrLQbX-y2z4sW-ph-global-search-v3-default-job-categories-text" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-141">Job Categories </ppc-content> </h2> </div> <ul class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${allJobCategories.length}" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-job-categories" data-ph-id="ph-widget-element-4533876242238074-142"> <li repeat.for="category of allJobCategories" class="job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" data-ph-id="ph-widget-element-4533876242238074-143"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-4533876242238074-144"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-145"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-4533876242238074-146">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-4533876242238074-147"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-widget-element-4533876242238074-148">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-widget-element-4533876242238074-149">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-4533876242238074-150"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-4533876242238074-151"> <h2 id="ph-search-military-code" data-ph-id="ph-widget-element-4533876242238074-152"> <ppc-content key="j0nKBJ-y2z4sW-ph-global-search-v3-default-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-153"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-4533876242238074-154"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" aria-labelledby="ph-search-military-code" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-4533876242238074-155"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-4533876242238074-156"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-157"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-4533876242238074-158"> <ppc-content key="fijk7P-y2z4sW-ph-global-search-v3-default-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-4533876242238074-159"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-4533876242238074-160"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-4533876242238074-161"> <h2 class="ph-a11y-header" aria-hidden="true" id="ph-search-job-heading" data-ph-id="ph-widget-element-4533876242238074-162"> <ppc-content key="y2z4sW-ph-global-search-v3-default-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-163"> Jobs </ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" aria-hidden="${!suggestedJobs.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-job-heading" data-ph-id="ph-widget-element-4533876242238074-164"> <li repeat.for="eachJob of suggestedJobs" role="option" data-ph-at-id="suggested-data-list-item" class="phsJobsSuggested_${$index}" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-4533876242238074-165"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-4533876242238074-166"> <div class="phs-job-title" data-ph-id="ph-widget-element-4533876242238074-167"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-168"> <ppc-content key="y2z4sW-ph-global-search-v3-default-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-169"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-170"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-4533876242238074-171"> <span class="phs-job-location" data-ph-id="ph-widget-element-4533876242238074-172"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-173"> <ppc-content key="PHJeqI-y2z4sW-ph-global-search-v3-default-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-4533876242238074-174"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-4533876242238074-175"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-176"> <ppc-content key="uyUI9Y-y2z4sW-ph-global-search-v3-default-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-4533876242238074-177"> category </ppc-content> </span> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-4533876242238074-178"> <h2 id="ph-search-military-code" data-ph-id="ph-widget-element-4533876242238074-179"> <ppc-content key="kGvuFO-y2z4sW-ph-global-search-v3-default-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-180"> 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" aria-labelledby="ph-search-military-code" data-ph-id="ph-widget-element-4533876242238074-181"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-4533876242238074-182"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-4533876242238074-183"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-184"> <ppc-content key="y2z4sW-ph-global-search-v3-default-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-4533876242238074-185"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-4533876242238074-186"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedLocations')))" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-4533876242238074-187"> <h2 aria-hidden="true" class="ph-a11y-header" id="ph-search-jobLocation-heading" data-ph-id="ph-widget-element-4533876242238074-188"> <ppc-content key="y2z4sW-ph-global-search-v3-default-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-189"> Location </ppc-content> </h2> <ul class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" aria-hidden="${!suggestedLocations.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-jobLocation-heading" data-ph-id="ph-widget-element-4533876242238074-190"> <li repeat.for="eachLocation of suggestedLocations" role="option" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-4533876242238074-191"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city+'&qstate='+eachLocation.state+'&qcountry='+eachLocation.country)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.name}" data-category="${eachLocation.name}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.name}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-4533876242238074-192"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-193"> <ppc-content key="8fQFgD-y2z4sW-ph-global-search-v3-default-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-4533876242238074-194"> location </ppc-content> </span> ${eachLocation.locationName} <!-- <span class="phs-jobs-count">${eachLocation.count}</span> --> <span class="phs-jobs-count phs-${eachLocation.count}" data-ph-id="ph-widget-element-4533876242238074-195"> ${(widgetBundle['eachLocationCount'] || '{{totalLocationCount}}') | pht:{'totalLocationCount':eachLocation.count}} </span> </a> </li> </ul> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-4533876242238074-196"> <h2 aria-hidden="true" class="ph-a11y-header" id="ph-search-suggested-category-heading" data-ph-id="ph-widget-element-4533876242238074-197"> <ppc-content key="y2z4sW-ph-global-search-v3-default-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-198">Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" aria-hidden="${!suggestedCategories.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-suggested-category-heading" data-ph-id="ph-widget-element-4533876242238074-199"> <li repeat.for="eachCategory of suggestedCategories" role="option" class="phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + $index + 1}" data-ph-id="ph-widget-element-4533876242238074-200"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-4533876242238074-201"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-202"> <ppc-content key="93BKEq-y2z4sW-ph-global-search-v3-default-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-4533876242238074-203"> category </ppc-content> </span> ${eachCategory.category} <!-- <span class="phs-jobs-count">${eachCategory.count}</span> --> <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-4533876242238074-204"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <div class="phs-recentsearches-suggested" if.bind="allSuggestions.searched.length && showRecentSearches && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-4533876242238074-205"> <h2 aria-hidden="true" class="ph-a11y-header" id="ph-search-recent-searches-heading" data-ph-id="ph-widget-element-4533876242238074-206"> <ppc-content key="y2z4sW-ph-global-search-v3-default-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-207">Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-recent-searches-heading" data-ph-id="ph-widget-element-4533876242238074-208"> <li repeat.for="eachKeyword of allSuggestions.searched" role="option" show.bind="$index < 3" class="phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" data-ph-id="ph-widget-element-4533876242238074-209"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-4533876242238074-210"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-211"> <ppc-content key="y2z4sW-ph-global-search-v3-default-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-4533876242238074-212"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-4533876242238074-213"> <h2 aria-hidden="true" class="ph-a11y-header" id="ph-search-suggested-keywords-heading" data-ph-id="ph-widget-element-4533876242238074-214"> <ppc-content key="cd2qtG-y2z4sW-ph-global-search-v3-default-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-4533876242238074-215"> suggested keywords </ppc-content> </h2> <ul class="phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" aria-hidden="${!suggestedKeywords.length ? 'true' : 'false'}" role="listbox" aria-labelledby="ph-search-suggested-keywords-heading" data-ph-id="ph-widget-element-4533876242238074-216"> <li repeat.for="eachKeyword of suggestedKeywords" role="option" show.bind="$index < 3" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + allSuggestions.searched.length + $index + 1}" data-ph-id="ph-widget-element-4533876242238074-217"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-4533876242238074-218"> <span class="sr-only" data-ph-id="ph-widget-element-4533876242238074-219"> <ppc-content key="y2z4sW-ph-global-search-v3-default-suggestedKeywordText" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-4533876242238074-220"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <span class="input-group-btn ${searchBoxBackdrop ? 'blur-background':''}" data-ph-id="ph-widget-element-4533876242238074-221"> <button type="submit" submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" class="btn primary-button btn-lg phs-search-submit " data-ph-at-id="globalsearch-button" role="button" aria-label="${widgetBundle['globalsearchButtonAriaLabelText'] | pht}" id="ph-search-backdrop" data-ph-id="ph-widget-element-4533876242238074-222"> <ppc-content type="icon" data-ph-id="ph-widget-element-4533876242238074-223"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-4533876242238074-224"></i> </ppc-content> <span data-ph-id="ph-widget-element-4533876242238074-225"> ${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only" data-ph-id="ph-widget-element-4533876242238074-226"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-4533876242238074-227"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && !gsClrTxt" key="y2z4sW-ph-global-search-v3-default-jobCategoriesAsSRText" data-ph-id="ph-widget-element-4533876242238074-228"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && gsClrTxt" key="y2z4sW-ph-global-search-v3-default-jobCategoriesAsSRText2" data-ph-id="ph-widget-element-4533876242238074-229"> Text cleared. Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue.length && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="y2z4sW-ph-global-search-v3-default-jobSuggestionsSRText" data-ph-id="ph-widget-element-4533876242238074-230"> ${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && searchValue.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="y2z4sW-ph-global-search-v3-default-noSuggestionsAsSRText" data-ph-id="ph-widget-element-4533876242238074-231"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="y2z4sW-ph-global-search-v3-default-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-4533876242238074-232"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="y2z4sW-ph-global-search-v3-default-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-4533876242238074-233"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="y2z4sW-ph-global-search-v3-default-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-4533876242238074-234"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="y2z4sW-ph-global-search-v3-default-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-4533876242238074-235"> No results found </span> </span> </span> </form></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 = "page12";</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-TWXB78C');</script><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "home","url": "https://careers.adobe.com/us/en","datePublished": "2024-11-27","dateModified": "2024-11-27"}</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1733316536000"><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-SMg1oL"> <div class="container" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-k7MglB"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-FkpMwY"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-ig8HFl"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="gdpr-GCuHot-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1649065664598-default-ph-cookie-popup-v2YHETT0-onSkhF">Cookie Settings</a> page. </ppc-content> </div> <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-H7t5Sk"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-key-~cookie-text~gdpr-GCuHot-gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings phcriticalhide" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-PZVEIx"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-r6jEqT"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-AHembb"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-oVW5qQ"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-enNWgt"> 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-default-1658407608095-ph-cookie-popup-v2R4MvVG-W7ytI3"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-zrxZyU"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-zHlaTs"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-byqsG5"> <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-default-1658407608095-ph-cookie-popup-v2R4MvVG-NFoBJm"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-1ajtTR"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-UG9eQl"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-TJ7KFi"> 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-default-1658407608095-ph-cookie-popup-v2R4MvVG-pso70x"> <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-default-1658407608095-ph-cookie-popup-v2R4MvVG-4SgJQj"> <i class="icon icon-check-mark" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-PV8s2I"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-default-1658407608095-ph-cookie-popup-v2R4MvVG-ifXruU"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></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/ADOBUS/tenantcss/main-1736486556593.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/tenantcss/color-css-1722456040557.css" id="colorCss" /><script id="page_dynamic_literals">phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","contactDetailsAreaHeadingText":"Confirm Personal Details","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeSkillSetSuggestionsHeading":"Your skills","resumeExperienceSubHeading":"Verify and update your details.","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","resumeEditDropDownBtnAriaLabel":"Edit your resume","contactDetailsAreaNameInputErrorText":"Name should not empty","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}} {{userLastName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The carrer 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","contactDetailsAreaPreferredName":"Preferred Name","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","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}})","resumeShowingText":"Showing","resumeEditFYfDropDownText":"Edit profile","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","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","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","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","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"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","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","closePopUpButtonIcon":"icon icon-cancel","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":"javascript:void(0);","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","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","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"javascript:void(0);","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"locationText":"location","applyNowText":"Apply now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show Less","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","rate":"Rate of Pay","seeMoreText":"Show More","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-category-overview-v3-view14":{"categoryCountSingular":"Job","categoryCountPlural":"See Jobs","categoryCountSingler":"See Job"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","facebook":"Sign in with Facebook","google":"Sign in with Google","google-sign":"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","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","newPwdText":"New Password","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","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"javascript:void(0);","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"javascript:void(0);","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-category-overview-v3-view1":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-profile-recommendations-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See Less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See More","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","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 associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-recently-viewed-jobs-v3-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show Less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"Show More","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","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","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{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":"Show Less","title":"Title","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"Show More","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","yourSkillsMessage":"Your skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","yourPreferredLocationMessage":"Your preferred location","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","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","twitter":"Share via twitter","xing":"Share via xing","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}}","google-plus":"Share via google plus","vkTitle":"Share via vk","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:","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-global-search-v3-default":{"globalsearchPlaceholder":"Enter Job Title or Location","jobsDependsOnFilterPlural":"Search among {{jobsCount}} jobs in {{filterType}}","globalSearchFormTitle":"Job search","militarysearchPlaceholder":"Search military jobs","inputLabelText":"Please navigate the suggestions using the tab key","globalsearchButtonAriaLabelText":"Search","inputAriaLabelText":"Enter Job Title or Location","globalsearchButtonText":"Search","jobsDependsOnFilter":"Find {{jobsCount}} job in {{filterType}}"}}</script></head> <body class="home-page home" data-ph-id="ph-page-element-page12-PgbyyZ" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWXB78C" 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-page12-T0y4Ec"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="DmcWuUDg"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page12-Yn2SRt" role="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="R4MvVG" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1658407600702-Q4m3Q0"><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-1733316536000" theme="default" original-view="default" instance-id="R4MvVG" data-ph-id="ph-widget-element-1658407600702-txSsex"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page12-cAI7B3"> <!-- hero block widget --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page12-xIvVCT" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page12-KNHAfh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> </section> <section class="ppc-section ph-widget" type="static" data-ph-id="-1726600382548" view="1726600381358-hero-block-cc-view6-option1" original-view="ph-hero-block-cc-view6-option1" instance-id="pZneJT" theme="theme2"><div class="ph-hero-block-cc-view6-option1-theme2 ph-widget-target" data-ph-id="-1726600382548-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1726600381358-hero-block-cc-view6-option1" original-view="ph-hero-block-cc-view6-option1" theme="theme2" ph-removed="true" instance-id="pZneJT"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-4533876371727950-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="pZneJT-ph-hero-block-cc-view6-option1-listRole" data-ph-id="ph-widget-element-4533876371727950-3"> <div card-name="ph-hero-block-cc-view6" class="ph-card" key-role="pZneJT-T7UYJ9-ph-hero-block-cc-view6-option1-listItemRole" instance-id="T7UYJ9" data-ph-id="ph-widget-element-4533876371727950-4"> <div class="ph-hero-block-cc-view6 ph-card-block" data-ph-at-id="ph-hero-block-cc-view6" data-ph-id="ph-widget-element-4533876371727950-5"> <figure class="image" data-ph-id="ph-widget-element-4533876371727950-6"> <ppc-container component-content-key="primary-image" class="primary-image element-center" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4533876371727950-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4533876371727950-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/home-1655270148953.jpg" key-src="pZneJT-T7UYJ9-mFwGvj-ph-hero-block-cc-view6-option1-image-src" alt="" key-alt="pZneJT-T7UYJ9-mFwGvj-ph-hero-block-cc-view6-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="T7UYJ9-mFwGvj" data-ph-id="ph-widget-element-4533876371727950-9" height-val="679" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-4533876371727950-12"> <div class="global-search-block" data-ph-id="ph-widget-element-4533876371727950-13"> <ppc-container component-content-key="h1-heading" class="heading-one ph-cc-d-m-a-0" data-ph-id="ph-widget-element-4533876371727950-14"> <h1 data-ph-id="ph-widget-element-4533876371727950-15"> <ppc-content key="pZneJT-T7UYJ9-Iz9aEN-ph-hero-block-cc-view6-option1-h1-heading-title-text" instance-id="T7UYJ9-Iz9aEN" data-ph-id="ph-widget-element-4533876371727950-16"><h1 ph-element-dummy-ele="true"><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="ph-cc-ms-f-s-36 ph-cc-d-f-s-36 ph-cc-t-f-s-22 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:AdobeClean-Bold;">Let’s create experiences that matter.</span></span></span></h1></ppc-content> </h1> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-4533876371727950-17"> <span class="description-block" data-ph-id="ph-widget-element-4533876371727950-18"> <ppc-content key="pZneJT-T7UYJ9-2ZMqhS-ph-hero-block-cc-view6-option1-description-text" data-ph-at-id="description-text" instance-id="T7UYJ9-2ZMqhS" data-ph-id="ph-widget-element-4533876371727950-19"><p><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:AdobeClean-Medium;">Bring your talents to Adobe and help us create the future of digital experiences.</span></span></span></p></ppc-content> </span> </ppc-container> <section class="ph-widget" instance-id="y2z4sW" original-view="default" view="4533876242238074-default" data-ph-id="ph-widget-element-4533876371727950-20"> <div as-element="ph-global-search-v3" instance-id="y2z4sW" class="ph-global-search-v3-default-theme7 ph-widget-target" theme="theme7" data-widget="ph-global-search-v3" placeholder-text.bind="'Search for Job title, kew words or location'" show-title.bind="false" show-caption.bind="false" view="4533876242238074-default" original-view="default" data-ph-id="ph-widget-element-4533876371727950-21"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <!-- FYF END --> <!--profile recom jobs--> <section class="ph-widget" instance-id="ai89ra" view="ai89ra-default" original-view="default" data-ph-id="ph-page-element-page12-wkPkG9"> <div class="ph-find-your-fit-container-v1-default-default ph-widget-target" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai89ra" view="default-1648104452445" original-view="default" data-ph-id="ph-page-element-page12-vcGt3G"></div> </section><section class="ph-widget" instance-id="uy75wm" view="uy75wm-default" original-view="default" data-ph-id="ph-page-element-page12-urLPu0"> <div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="theme25" max-display-count="3" jobs-display-mode="seeMore" instance-id="uy75wm" view="default-1622923530445" original-view="default" data-ph-id="ph-page-element-page12-u2iT63"></div> </section><section class="ph-widget" instance-id="1jssiw" view="1jssiw-default" original-view="default" data-ph-id="ph-page-element-page12-hUeCXF"> <div as-element="ph-recom-jobs-browsing-history-v3" class="ph-recom-jobs-browsing-history-v3-default-theme25 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme25" jobs-display-mode="seeMore" max-display-count="5" instance-id="1jssiw" view="default-1622923538778" original-view="default" click-tojd="false" data-ph-id="ph-page-element-page12-LMMajj"></div> </section> <!--recom job histroy--> <section class="ph-widget" instance-id="wln5iq" view="wln5iq-default" original-view="default" data-ph-id="ph-page-element-page12-iJhbsn"> <div as-element="ph-recently-viewed-jobs-v3" class="ph-recently-viewed-jobs-v3-default-theme25 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme25" jobs-display-mode="seeMore" max-display-count="3" instance-id="wln5iq" view="default-1622923522959" original-view="default" data-ph-id="ph-page-element-page12-K9UlyF"></div> </section> <!-- category overview --> <pcs-widget data-ph-widget-id="4a25ca86e7a368bd5725a304da0f1a6c" data-ph-id="-1663277460730-1" instance-id="SazqZ7ED" data-ph-content-id="mvKqXX7D-MerqOsur"></pcs-widget> <!-- media large left image --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1726061601244" view="1726061603145-view14" original-view="view14" instance-id="ISt6Rs" theme="theme1"><div class="ph-category-overview-v3-view14-theme1 ph-widget-target" data-ph-id="-1726061601244-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1726061603145-view14" original-view="view14" theme="theme1" ph-removed="true" instance-id="ISt6Rs"></div></section><pcs-widget data-ph-widget-id="04def0198a04f20d8e0861f67223f25d" panel-id="3c59d1b8010a388afb8928d396a74695" data-ph-id="-1651607447696-1" instance-id="BYlM84dU" data-ph-content-id="kbrWJv5R" hide-on-mobile="false"></pcs-widget><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1662669802080" view="1662669802085-default" original-view="default" instance-id="aAQg2Z" theme="theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1662669802080-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1662669802085-default" original-view="default" theme="theme25" ph-removed="true" instance-id="aAQg2Z"></div></section> <!--recently viewd jobs--> <section class="ph-widget" instance-id="dqoipn" view="dqoipn-default" original-view="default" data-ph-id="ph-page-element-page12-rM7E3Y"> <div as-element="ph-near-by-jobs-v2" class="ph-near-by-jobs-v2-default-theme25 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme25" jobs-display-mode="seeMore" max-display-count="3" instance-id="dqoipn" view="default-1622923515156" original-view="default" data-ph-id="ph-page-element-page12-Eter8G"></div> </section> <!-- media horizontal--> <!-- jtc card --> <section class="ph-employees-testimonial-cc-slider-view4-option1-theme4 ph-widget" type="static" view="1726061784114-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109" original-view="ph-employees-testimonial-cc-slider-view4-option1" theme="theme4" instance-id="rK1aBC" data-ph-id="-1726061782183"><div class="ph-employees-testimonial-cc-slider-view4-option1-theme4 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1726061784114-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109" original-view="ph-employees-testimonial-cc-slider-view4-option1" theme="theme4" ph-removed="true" data-ph-id="-1726061782183-1" instance-id="rK1aBC"><div class="ph-component-cntr ph-widget-box header-center" data-ph-id="ph-widget-element-3995280032489025-2"> <div class="inner-container" data-ph-id="ph-widget-element-3995280032489025-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-3995280032489025-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-3995280032489025-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-3995280032489025-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-3995280032489025-7"> <h2 data-ph-id="ph-widget-element-3995280032489025-8"> <ppc-content key="rK1aBC-qKYOiv-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-h2-heading-title-text" instance-id="qKYOiv" data-ph-id="ph-widget-element-3995280032489025-9"><div data-ph-id="ph-widget-element-3995280032489025-10"><span style="font-family:AdobeClean-Bold;" data-ph-id="ph-widget-element-3995280032489025-11"><strong data-ph-id="ph-widget-element-3995280032489025-12">Hear from our employees.</strong></span></div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-3995280032489025-16"> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-3995280032489025-21"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="true" pha-phslide-dots="true" pha-phslide-autoplay="false" class="ph-slider-container ph-card-container stackable ph-slide-loader" data-cards-per-row="three" phslide-number-slides-to-show="3" pha-phslide-infinite="true" phslide-number-slides-to-scroll="3" 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":{"slidesToShow":3,"slidesToScroll":3,"centerMode": "false"}},{"breakpoint":1400, "settings":{"slidesToShow":3,"slidesToScroll":3,"centerMode": "false"}},{"breakpoint":1024, "settings":{"slidesToShow":2,"slidesToScroll":2,"centerMode": "false"}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1}}]" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" data-ph-id="ph-widget-element-3995280032489025-22"> <div class="ph-card" card-name="ph-employees-testimonial-cc-view4" name="ph-employees-testimonial-cc-view4" ph-slide-num="1" data-ph-id="ph-widget-element-3995280032489025-23"> <div class="ph-card-block ph-employees-testimonial-cc-view4" data-ph-id="ph-widget-element-3995280032489025-24"> <div class="ph-row" data-ph-id="ph-widget-element-3995280032489025-25"> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-26"> <div class="media" data-ph-id="ph-widget-element-3995280032489025-27"> <figure class="image" data-ph-id="ph-widget-element-3995280032489025-28"> <ppc-container component-content-key="primary-image" class="primary-image element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3995280032489025-29"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3995280032489025-30"> <img src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/Cheryl-1651876158048.png" key-src="rK1aBC-aWhm8K-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-src" alt="Cheryl Ghosh" key-alt="rK1aBC-aWhm8K-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-alt-text" data-ph-cid="primary-image1" instance-id="aWhm8K" data-ph-id="ph-widget-element-3995280032489025-31" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-32"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-3995280032489025-33"> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-3995280032489025-37"> <span class="description-block" data-ph-id="ph-widget-element-3995280032489025-38"> <ppc-content key="rK1aBC-wfdl9d-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-description-text" data-ph-at-id="description-text" instance-id="wfdl9d" data-ph-id="ph-widget-element-3995280032489025-39"><p data-ph-id="ph-widget-element-3995280032489025-40">“Getting into Adobe is one of the best things that happened to me. Your career, growth, and integrity matter every day — both to you and the organization. Being in Team Operations gives you access to brilliant, innovative, and creative minds.”<br /> <br /> <br /> <br /> </p> </ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-name" class="employee-name element-center" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3995280032489025-41"> <span data-ph-id="ph-widget-element-3995280032489025-42"> <ppc-content key="rK1aBC-NrscgF-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-title-text" instance-id="NrscgF" data-ph-id="ph-widget-element-3995280032489025-43"><font face="ProximaNova Semibold, sans-serif" data-ph-id="ph-widget-element-3995280032489025-44"><b data-ph-id="ph-widget-element-3995280032489025-45">Cheryl Ghosh</b></font></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details element-center" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-3995280032489025-46"> <span data-ph-id="ph-widget-element-3995280032489025-47"> <ppc-content key="rK1aBC-E7tUDy-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-sub-title-text" instance-id="E7tUDy" data-ph-id="ph-widget-element-3995280032489025-48">Senior Team Operations Program Manager</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view4" name="ph-employees-testimonial-cc-view4" ph-slide-num="2" data-ph-id="ph-widget-element-3995280032489025-54"> <div class="ph-card-block ph-employees-testimonial-cc-view4" data-ph-id="ph-widget-element-3995280032489025-55"> <div class="ph-row" data-ph-id="ph-widget-element-3995280032489025-56"> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-57"> <div class="media" data-ph-id="ph-widget-element-3995280032489025-58"> <figure class="image" data-ph-id="ph-widget-element-3995280032489025-59"> <ppc-container component-content-key="primary-image" class="primary-image element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3995280032489025-60"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3995280032489025-61"> <img src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/Jeremy-1651876160718.png" key-src="rK1aBC-tsPq6f-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-src" alt="Jeremy Joachim" key-alt="rK1aBC-tsPq6f-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-alt-text" data-ph-cid="primary-image1" instance-id="tsPq6f" data-ph-id="ph-widget-element-3995280032489025-62" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-63"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-3995280032489025-64"> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-3995280032489025-68"> <span class="description-block" data-ph-id="ph-widget-element-3995280032489025-69"> <ppc-content key="rK1aBC-o0otQJ-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-description-text" data-ph-at-id="description-text" instance-id="o0otQJ" data-ph-id="ph-widget-element-3995280032489025-70"><figure data-index="1" data-rotate="0" data-slide-name="slide1" role="tabpanel" data-ph-id="ph-widget-element-3995280032489025-71"> <p data-ph-id="ph-widget-element-3995280032489025-72">“Even before my first day, my manager, team, and the whole Design organization have all been incredibly warm and welcoming. Working remotely is a new experience, but I’ve not once felt like I was on the outside.”<br /> <br /> <br /> <br /> <br /> </p> </figure> </ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-name" class="employee-name element-center" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3995280032489025-73"> <span data-ph-id="ph-widget-element-3995280032489025-74"> <ppc-content key="rK1aBC-ty6xj0-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-title-text" instance-id="ty6xj0" data-ph-id="ph-widget-element-3995280032489025-75">Jeremy Joachim</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details element-center" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-3995280032489025-76"> <span data-ph-id="ph-widget-element-3995280032489025-77"> <ppc-content key="rK1aBC-wq6jWw-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-sub-title-text" instance-id="wq6jWw" data-ph-id="ph-widget-element-3995280032489025-78">Experience Developer</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view4" name="ph-employees-testimonial-cc-view4" ph-slide-num="3" data-ph-id="ph-widget-element-3995280032489025-84"> <div class="ph-card-block ph-employees-testimonial-cc-view4" data-ph-id="ph-widget-element-3995280032489025-85"> <div class="ph-row" data-ph-id="ph-widget-element-3995280032489025-86"> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-87"> <div class="media" data-ph-id="ph-widget-element-3995280032489025-88"> <figure class="image" data-ph-id="ph-widget-element-3995280032489025-89"> <ppc-container component-content-key="primary-image" class="primary-image element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3995280032489025-90"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3995280032489025-91"> <img src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/Lance-1651876159394.png" key-src="rK1aBC-0yFcfq-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-src" alt="Lance Shields" key-alt="rK1aBC-0yFcfq-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-image-alt-text" data-ph-cid="primary-image1" instance-id="0yFcfq" data-ph-id="ph-widget-element-3995280032489025-92" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-3995280032489025-93"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-3995280032489025-94"> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-3995280032489025-98"> <span class="description-block" data-ph-id="ph-widget-element-3995280032489025-99"> <ppc-content key="rK1aBC-rlWfnu-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-description-text" data-ph-at-id="description-text" instance-id="rlWfnu" data-ph-id="ph-widget-element-3995280032489025-100"><section data-number-of-columns="1" id="carousel-1277631419" instance-id="HQ0Js2" data-ph-id="ph-widget-element-3995280032489025-101"> <figure data-index="2" data-rotate="0" data-slide-name="st" role="tabpanel" data-ph-id="ph-widget-element-3995280032489025-102"> <p data-ph-id="ph-widget-element-3995280032489025-103">“I love leading a team of talented designers and technologists who research and design for international markets to help Adobe uncover innovation that is not only useful for people in specific geos, but can be valuable to people everywhere.”<br /> <br /> <br /> <br /> </p> </figure> </section> </ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-name" class="employee-name element-center" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3995280032489025-104"> <span data-ph-id="ph-widget-element-3995280032489025-105"> <ppc-content key="rK1aBC-ejNzsx-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-title-text" instance-id="ejNzsx" data-ph-id="ph-widget-element-3995280032489025-106">Lance Shields</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details element-center" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-3995280032489025-107"> <span data-ph-id="ph-widget-element-3995280032489025-108"> <ppc-content key="rK1aBC-OxfnLf-ph-employees-testimonial-cc-slider-view4-option1-savedView-1690302324109-savedView-1654498841129-employee-details-emp-sub-title-text" instance-id="OxfnLf" data-ph-id="ph-widget-element-3995280032489025-109">Director of International Design</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-jtc-card-cc-view1-option1-theme8 ph-widget" type="static" view="1655275398888-jtc-card-cc-view1-option1-savedView-1655236344711" theme="theme8" retain-previous-html="true" original-view="ph-jtc-card-cc-view1-option1" instance-id="swbLdm" data-ph-id="-1655275397850"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1655275398888-jtc-card-cc-view1-option1-savedView-1655236344711" original-view="ph-jtc-card-cc-view1-option1" type="static" class="ph-jtc-card-cc-view1-option1-theme8 ph-widget-target" theme="theme8" data-ph-id="-1655275397850-1" instance-id="swbLdm"> <div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-widget-element-1655275398888-2"> <div class="inner-container" data-ph-id="ph-widget-element-1655275398888-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1655275398888-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1655275398888-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1655275398888-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1655275398888-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1655275398888-18"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-widget-element-1655275398888-19"> <div class="ph-card" card-name="ph-jtc-card-cc-view1" key-role="swbLdm-YNHIYY-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-tqo40K" card-container-style="background-image:'url()'" instance-id="YNHIYY" data-ph-id="ph-widget-element-1655275398888-20"> <div class="ph-jtc-card-cc-view1 ph-card-block" data-ph-at-id="ph-jtc-card-cc-view1" data-ph-id="ph-widget-element-1655275398888-21"> <figure class="image" role="presentation" key-role="swbLdm-iKtqnR-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-PxrTbc" instance-id="iKtqnR" data-ph-id="ph-widget-element-1655275398888-22"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-cover-container-cms" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1655275398888-23"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1655275398888-24"> <img src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/images/interviewingatadobe1651258540427xqpox-1654189211717.png" key-src="swbLdm-kgju0a-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-kiPVLv" alt="" key-alt="swbLdm-kgju0a-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-aqgdhd" data-ph-cid="primary-image1" height-val="355" crop-size="cover" set-cover="true" instance-id="kgju0a" data-ph-id="ph-widget-element-1655275398888-25" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-cid="overlay1" data-ph-id="ph-widget-element-1655275398888-26"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-1655275398888-27"> </div> </ppc-container> </figure> <div class="content" data-ph-id="ph-widget-element-1655275398888-28"> <div class="data" data-ph-id="ph-widget-element-1655275398888-29"> <ppc-container component-content-key="heading" class="header element-center header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1655275398888-33"> <span aria-level="2" key-aria-level="swbLdm-rYEQAZ-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-UfvzK9" role="heading" key-role="swbLdm-rYEQAZ-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-d3OtMQ" instance-id="rYEQAZ" data-ph-id="ph-widget-element-1655275398888-34"> <ppc-content key="swbLdm-DDYo0u-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-UWqGPW" data-ph-at-id="heading-text" instance-id="DDYo0u" data-ph-id="ph-widget-element-1655275398888-35"><div data-ph-id="ph-widget-element-1655275398888-36"><span style="font-family:AdobeClean-Bold;" data-ph-id="ph-widget-element-1655275398888-37">Join our Talent Community.</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center description" data-ph-cid="description1" data-ph-id="ph-widget-element-1655275398888-38"> <span class="description-block" data-ph-id="ph-widget-element-1655275398888-39"> <ppc-content key="swbLdm-noJwoq-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-wi48t5" data-ph-at-id="description-text" instance-id="noJwoq" data-ph-id="ph-widget-element-1655275398888-40"><div><span style="font-family:AdobeClean-Regular;">We will notify you about relevant positions, and keep you updated on the latest news.</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button element-center link ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1655275398888-41"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1655275398888-42"> <a role="link" key-role="swbLdm-IEHZOB-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-vovV0g" class="action-link" ph-href="jointalentcommunity?applyType=JTC" key-ph-href="swbLdm-IEHZOB-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-ujgI1P" title="" key-title="swbLdm-IEHZOB-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-cUufHO" aria-label="sign up" key-aria-label="swbLdm-IEHZOB-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-u3eksg" ph-tevent="static_content_click" instance-id="IEHZOB" data-ph-id="ph-widget-element-1655275398888-43"> <ppc-content key="swbLdm-RlQtT1-ph-jtc-card-cc-view1-option1-savedView-1655236344711-savedView-1654189263934-X5nfns" data-ph-at-id="link-text" instance-id="RlQtT1" data-ph-id="ph-widget-element-1655275398888-44">Sign up</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1655275398888-45"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!--nearbyjbs--> <!-- media large left image --> <!-- media large left image flip in CMS --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="Ryg6K5" data-ph-ft="nps" data-ph-id="ph-widget-element-1659544793032-lyyppn"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page12-h6Ag6H"><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget" theme="theme1" type="static" instance-id="0pZsTs" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1659721540020-media-cc-view1-option3" data-ph-id="ph-widget-element-1659721540020-hNrB38"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1659721540020-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1659721540204" instance-id="0pZsTs" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box" style="background-color: #3a3a3a;" role="region" key-role="gdpr-gdprRegionRole" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-YuJyJv"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-b-0" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-h0bVZm"> <div class="ph-container-content-block" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-2J4sf8"> <div class="ph-card-container stackable" data-cards-per-row="two" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-wyruPA"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-LCNpDh"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-kdGwDQ"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-MXpbY1"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-5BxhBX"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href1" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text1" aria-label="Career Site Cookie Settings" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-cookie-settings-text" ph-tevent="static_content_click" ph-href="cookiesettings" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-Jg8StJ" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="gdpr-primary-link-text1" data-ph-at-id="link-text" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-NZGFwi"> Career Site Cookie Settings </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-ay19MM"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-5FkiIE"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-2XACYQ"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-9MnnYC"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-bz896j"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href2" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text2" aria-label="Personal Information" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-personal-info-text" ph-tevent="static_content_click" ph-href="personal-information" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-LRwOaM"> <ppc-content key="gdpr-primary-link-text2" data-ph-at-id="link-text" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-LhnC3m"> Personal Information </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1659721540020-media-cc-view1-option3-ph-html-v10pZsTs-kWmDGB"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget-disabled" theme="theme1" type="static" instance-id="OBOOu7" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1659721452235-media-cc-view1-option3" data-ph-id="ph-widget-element-1659721452235-Dw2KZF"><div data-widget="ph-html-v1" view="1659721452235-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1659721452442" instance-id="OBOOu7" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1" as-disabled="ph-html-v1"></div></section><section class="ph-widget ph-widget-layout ppc-section ph-widget-target" view="footer" type="static" instance-id="0as198" data-ph-id="footer-F98t8b" original-view="footer" as-element="footer" data-widget="footer"><div as-element="footer" data-widget="footer" view="footer" original-view="footer" type="static" instance-id="0as198" theme="default" class="ph-widget-target footer-default" data-ph-id="ph-page-element-footer-0as198-hCh7Ku"> <footer id="footer" role="contentinfo" key-role="footer-contentinfoRole" data-ph-id="ph-page-element-footer-0as198-mTwo9v"> <div class="footer-block ph-widget-box" data-ph-id="ph-page-element-footer-0as198-Oncudz"> <div class="container" id="desktop-view" data-ph-id="ph-page-element-footer-0as198-OywdID"> <div class="top-block row" data-ph-id="ph-page-element-footer-0as198-p1dyZq"> <span class="col-md-3 col-sm-3 col-xs-6 footer-first-block" data-ph-id="ph-page-element-footer-0as198-mZzm2l"> <ul data-ph-id="ph-page-element-footer-0as198-PMU4bO"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-j0oOj4"> <h5 data-ph-id="ph-page-element-footer-0as198-rMcvgF">Shop for </h5> </li> <ul data-ph-id="ph-page-element-footer-0as198-w4pXIX"> <li data-ph-id="ph-page-element-footer-0as198-8YTu84"> <a ph-href="https://www.adobe.com/creativecloud.html?promoid=ZP46FD38&mv=other" target="_blank" key-ph-href="footer-creativeCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-JGkVtD"> <ppc-content key="footer-fCreativeCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-HafdiG"> Creative Cloud </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-TlK71h"> <a ph-href="https://www.adobe.com/products/photoshop.html" target="_blank" key-ph-href="footer-photoshopMainPathLinkUrl2" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photoshop-main" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Gwo38a"> <ppc-content key="footer-fphotoshopMainLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-upky9U"> Photoshop </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-7eDwg6"> </li> </ul> <li data-ph-id="ph-page-element-footer-0as198-PCMuPZ"> <a ph-href="https://www.adobe.com/creativecloud/photography.html" target="_blank" key-ph-href="footer-photographyPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photography" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-qXQoE1"> <ppc-content key="footer-fphotographyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-IpKj3J"> Photography </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-S7dcd9"> <a ph-href="https://www.adobe.com/products/premiere.html" target="_blank" key-ph-href="footer-premiereProPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Premiere Pro" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-p7jIro"> <ppc-content key="footer-fPremiereProLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7vEbsj"> Premiere Pro </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-kDmOHA"> <a ph-href="https://www.adobe.com/express/" target="_blank" key-ph-href="footer-adobeExpressPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Express" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-p0ZLsP"> <ppc-content key="footer-fAdobeExpressLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7yM6Qc"> Adobe Express </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-soC5dz"> <a ph-href="https://stock.adobe.com/in/" target="_blank" key-ph-href="footer-adobeStockPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Stock" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-xGHK5s"> <ppc-content key="footer-fAdobeStockLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-tfKHjC"> Adobe Stock </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-LUhVrh"> <a ph-href="https://www.adobe.com/products/elements-family.html" target="_blank" key-ph-href="footer-elementsFamilyPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Elements Family" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-oagnjn"> <ppc-content key="footer-fElementsFamilyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-A5GPKT"> Elements Family </ppc-content> </a> </li> <!-- set II --> <li class="pd-tp-16" data-ph-id="ph-page-element-footer-0as198-FlJZ38"> <a ph-href="https://www.adobe.com/documentcloud.html" target="_blank" key-ph-href="footer-documentCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Document Cloud" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-k0shJ5"> <ppc-content key="footer-fDocumentCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-EBngPQ"> Document Cloud </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-BW2WbY"> <a ph-href="https://www.adobe.com/acrobat.html" target="_blank" key-ph-href="footer-acrobatLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Acrobat" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-MYw286"> <ppc-content key="footer-fAcrobatLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-X3PxNk"> Acrobat </ppc-content> </a> </li> <li class="pd-bt-16" data-ph-id="ph-page-element-footer-0as198-enKCuq"> <a ph-href="https://www.adobe.com/sign.html" target="_blank" key-ph-href="footer-acrobatSignPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Acrobat Sign" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-XdoqXh"> <ppc-content key="footer-fAcrobatSignLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ix35Lu"> Acrobat Sign </ppc-content> </a> </li> <!-- Set III --> <li data-ph-id="ph-page-element-footer-0as198-8DcdZN"> <a ph-href="https://www.adobe.com/products/special-offers.html" target="_blank" key-ph-href="footer-specialoffersPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Special offers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-HkoM87"> <ppc-content key="footer-fSpecialoffersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-GKWN1U"> Special offers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-G4MuUP"> <a ph-href="https://www.adobe.com/creativecloud/plans.html" target="_blank" key-ph-href="footer-viewplansandpricingLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="View plans and pricing" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-eSWs44"> <ppc-content key="footer-fViewplansandpricingLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ArpCjq"> View plans and pricing </ppc-content> </a> </li> <li class="pd-bt-16" data-ph-id="ph-page-element-footer-0as198-eq8dSw"> <a ph-href="https://www.adobe.com/products/catalog.html?types=pf_252Fdesktop&types=pf_252Fmobile&types=pf_252Fweb" target="_blank" key-ph-href="footer-viewallproductsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="View all products" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-G3axem"> <ppc-content key="footer-fViewallproductsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-XSz0DD"> View all products </ppc-content> </a> </li> </ul> </span> <span class="col-md-3 col-sm-3 col-xs-6 footer-second-block" data-ph-id="ph-page-element-footer-0as198-4aRekX"> <ul data-ph-id="ph-page-element-footer-0as198-Y4XqIT"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-2HxEew"> <h5 data-ph-id="ph-page-element-footer-0as198-YYuOCc">For business</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-YZnxEF"> <a ph-href="https://www.adobe.com/creativecloud/business/teams.html" target="_blank" key-ph-href="footer-creativeCloudforteamsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud for teams" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-NwCBsO"> <ppc-content key="footer-fCreativeCloudforteamsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-J2IVej"> Creative Cloud for teams </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-nEvmzL"> <a ph-href="https://www.adobe.com/creativecloud/business/enterprise.html" target="_blank" key-ph-href="footer-creativeCloudforEnterprisePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud for enterprisem" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-IewHKB"> <ppc-content key="footer-fCreativeCloudforenterpriseLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-OMOk7l"> Creative Cloud for enterprise </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-9CUBjO"> <a ph-href="https://www.adobe.com/documentcloud/business.html" target="_blank" key-ph-href="footer-documentCloudforbusinessPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Document Cloud for business" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Ndfs3V"> <ppc-content key="footer-fDocumentCloudforbusinessLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-CQQA9L"> Document Cloud for business </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-Eyh1uy"> <div data-ph-id="ph-page-element-footer-0as198-xmc1or"> <ul data-ph-id="ph-page-element-footer-0as198-aCOiL5"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-MacLlZ"> <h5 data-ph-id="ph-page-element-footer-0as198-zweUs8">For education</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-MnLtct"> <a ph-href="https://www.adobe.com/creativecloud/buy/students.html" target="_blank" key-ph-href="footer-studentsAndTeachersLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Discounts for students and teachers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7tl9HX"> <ppc-content key="footer-fDiscountsforstudentsandteachersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-tpxLr9"> Discounts for students and teachers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-6yJxYm"> <a ph-href="https://www.adobe.com/education.html" target="_blank" key-ph-href="footer-SchoolsAndUniversitiesLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Schools and universities" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-9dqdlx"> <ppc-content key="footer-fSchoolsanduniversitiesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-tg1n0p"> Schools and universities </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-Jda06G"> <a ph-href="https://www.adobe.com/elearning.html" target="_blank" key-ph-href="footer-DigitalLearningSolutionsLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Digital Learning Solutions" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-RAxDJq"> <ppc-content key="footer-fDigitalLearningSolutionsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ayOgnK"> Digital Learning Solutions </ppc-content> </a> </li> </ul> </div> </li> <li data-ph-id="ph-page-element-footer-0as198-gikVlk"> <div data-ph-id="ph-page-element-footer-0as198-MgxjjJ"> <ul data-ph-id="ph-page-element-footer-0as198-nT878N"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-w4jcpR"> <h5 data-ph-id="ph-page-element-footer-0as198-56iYGg">For mobile</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-nAVkCh"> <a ph-href="https://apps.apple.com/sg/app/adobe-creative-cloud/id852473028" target="_blank" key-ph-href="footer-iosLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Apps for iOS" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ln0tzN"> <ppc-content key="footer-fAppsforiOSLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-nkrd03"> Apps for iOS </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-vM2ypm"> <a ph-href="https://play.google.com/store/apps/details?id=com.adobe.cc" target="_blank" key-ph-href="footer-androidLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Apps for Android" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ZVNams"> <ppc-content key="footer-fAppsforAndroidLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-X5D2L2"> Apps for Android </ppc-content> </a> </li> </ul> </div> </li> </ul> </span> <span class="col-md-3 col-sm-3 col-xs-6 footer-third-block" data-ph-id="ph-page-element-footer-0as198-lxELK1"> <ul data-ph-id="ph-page-element-footer-0as198-An6w6C"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-lBVbLb"> <h5 data-ph-id="ph-page-element-footer-0as198-4gUkSp">Experience Cloud</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-hvMLfn"> <a ph-href="https://business.adobe.com/" target="_blank" key-ph-href="footer-whatisExperienceCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="What is Experience Cloud?" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-yzRrVb"> <ppc-content key="footer-fWhatisExperienceCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-EzPowb"> What is Experience Cloud? </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-rMusWz"> <a ph-href="https://business.adobe.com/products/analytics/adobe-analytics.html" target="_blank" key-ph-href="footer-analyticsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Analytics" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-KSyjbE"> <ppc-content key="footer-fAnalyticsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-m24T23"> Analytics </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-6u3dA8"> <a ph-href="https://business.adobe.com/products/experience-manager/adobe-experience-manager.html" target="_blank" key-ph-href="footer-experienceManagerPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Experience Manager" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-fPjaJi"> <ppc-content key="footer-fExperienceManagerLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-RViSXq"> Experience Manager </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-bGxbHR"> <a ph-href="https://business.adobe.com/products/magento/magento-commerce.html" target="_blank" key-ph-href="footer-commercePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Commerce" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-gXgbax"> <ppc-content key="footer-fCommerceLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-2yaBvz"> Commerce </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-Gv5UlC"> <a ph-href="https://business.adobe.com/products/marketo/adobe-marketo.html" target="_blank" key-ph-href="footer-marketoEngagePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Marketo Engage" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-yssoso"> <ppc-content key="footer-fMarketoEngageLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-DqqdgB"> Marketo Engage </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-bodCgU"> <a ph-href="https://www.workfront.com/" target="_blank" key-ph-href="footer-workfrontPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Workfront" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-oDIKXL"> <ppc-content key="footer-fWorkfrontLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-gJjd8H"> Workfront </ppc-content> </a> </li> </ul> </span> <span class="col-md-3 col-sm-3 col-xs-6 footer-fourth-block" data-ph-id="ph-page-element-footer-0as198-Ah832J"> <ul data-ph-id="ph-page-element-footer-0as198-rXw6Ge"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-7DJhFy"> <h5 data-ph-id="ph-page-element-footer-0as198-GGjipo">Support</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-CdabKi"> <a ph-href="https://helpx.adobe.com/download-install.html" target="_blank" key-ph-href="footer-downloadandinstallPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Download and install" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ITXaT4"> <ppc-content key="footer-fDownloadandinstallLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dF8ELN"> Download and install </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-7DJOlo"> <a ph-href="https://helpx.adobe.com/support.html" target="_blank" key-ph-href="footer-helpCenterPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Help Center" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ElaHsy"> <ppc-content key="footer-fHelpCenterLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Xn9ICP"> Help Center </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-LQspx1"> <a ph-href="https://community.adobe.com/" target="_blank" key-ph-href="footer-adobeSupportCommunityPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Support Community" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-mamq73"> <ppc-content key="footer-fAdobeSupportCommunityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Rb68vD"> Adobe Support Community </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-UEZWcQ"> <a ph-href="https://helpx.adobe.com/contact/enterprise-support.html" target="_blank" key-ph-href="footer-enterpriseSupportPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Enterprise Support" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-196DzB"> <ppc-content key="footer-fEnterpriseSupportLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ovfw4z"> Enterprise Support </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-8E2agO"> <a ph-href="https://www.adobe.com/genuine.html" target="_blank" key-ph-href="footer-genuinesoftwarePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Genuine software" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-vNY0Yw"> <ppc-content key="footer-fGenuinesoftwareLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-aTJzFO"> Genuine software </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-QJir2v"> <div data-ph-id="ph-page-element-footer-0as198-BG9Lxv"> <ul data-ph-id="ph-page-element-footer-0as198-RGVJVC"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-ptYTHK"> <h5 data-ph-id="ph-page-element-footer-0as198-DH46V0">Resources</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-AxNc4h"> <a ph-href="https://blog.adobe.com/" target="_blank" key-ph-href="footer-adobeBlogLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Blog" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-hvcZHf"> <ppc-content key="footer-fAdobeBlogLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-EGVR25"> Adobe Blog </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-7TVZ8q"> <a ph-href="https://developer.adobe.com/" target="_blank" key-ph-href="footer-adobeDeveloperLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Developer" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-uGhgap"> <ppc-content key="footer-fAdobeDeveloperLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-FJnR2u"> Adobe Developer </ppc-content> </a> </li> </ul> </div> </li> <li data-ph-id="ph-page-element-footer-0as198-nfNZ1E"> <div data-ph-id="ph-page-element-footer-0as198-DCDo9i"> <ul data-ph-id="ph-page-element-footer-0as198-fmuYhR"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-WdFwXm"> <h5 data-ph-id="ph-page-element-footer-0as198-EQAsEy">Adobe Account</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-IpxdJq"> <a ph-href="https://account.adobe.com/" target="_blank" key-ph-href="footer-adobeAccount" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Log in to your account" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-E14Y5s"> <ppc-content key="footer-fLogintoyouraccountLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-kSajrL"> Log in to your account </ppc-content> </a> </li> </ul> </div> </li> </ul> </span> <span class="col-md-3 col-sm-3 col-xs-6 footer-fifth-block" data-ph-id="ph-page-element-footer-0as198-9FikL3"> <ul data-ph-id="ph-page-element-footer-0as198-6kHKlN"> <li class="footer-link-heading" data-ph-id="ph-page-element-footer-0as198-5e8aTx"> <h5 data-ph-id="ph-page-element-footer-0as198-emkwhK">Adobe</h5> </li> <li data-ph-id="ph-page-element-footer-0as198-MlZ0fr"> <a ph-href="https://www.adobe.com/about-adobe.html" target="_blank" key-ph-href="footer-aboutLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="about" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-zaezUX"> <ppc-content key="footer-faboutLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-sd8Cf9"> About </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-nfH4h5"> <a ph-href="https://www.adobe.com/careers.html" target="_blank" key-ph-href="footer-careersLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Careers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Tid6vh"> <ppc-content key="footer-fCareersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0BQC6k"> Careers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-dET2ae"> <a ph-href="https://news.adobe.com/home/default.aspx" target="_blank" key-ph-href="footer-newsroom" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Newsroom" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7V9QfA"> <ppc-content key="footer-fNewsroomLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-AB1GZO"> Newsroom </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-E2OwDG"> <a ph-href="https://www.adobe.com/corporate-responsibility.html" target="_blank" key-ph-href="footer-corporateresponsibility" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Corporate responsibility" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dwdGYo"> <ppc-content key="footer-fCorporateresponsibilityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-SciVGj"> Corporate responsibility </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-qhkORr"> <a ph-href="https://www.adobe.com/investor-relations.html" target="_blank" key-ph-href="footer-investorRelations" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Investor Relations" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-vpUdW5"> <ppc-content key="footer-fInvestorRelationsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-1qwA7M"> Investor Relations </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-lQImUf"> <a ph-href="https://www.adobe.com/corporate-responsibility/supply-chain.html" target="_blank" key-ph-href="footer-supplychain" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Supply chain" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-xYsPbM"> <ppc-content key="footer-fsupplychainLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-P4eQEL"> Supply chain </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-aIrOhq"> <a ph-href="https://www.adobe.com/trust.html" target="_blank" key-ph-href="footer-trustCenter" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Trust Center" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Dui1NB"> <ppc-content key="footer-fTrustCenterLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-xMEO2F"> Trust Center </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-BLlWlw"> <a ph-href="https://www.adobe.com/events.html" target="_blank" key-ph-href="footer-Events" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Events" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-1CHAZp"> <ppc-content key="footer-fEventsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-9grcAA"> Events </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-A58D2o"> <a ph-href="https://www.adobe.com/diversity.html" target="_blank" key-ph-href="footer-Diversityandinclusion" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Diversity and inclusion" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-IhWlDt"> <ppc-content key="footer-fDiversityandinclusionLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-iHqugh"> Diversity and inclusion </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-9FXDZW"> <a ph-href="https://www.adobe.com/about-adobe/integrity.html" target="_blank" key-ph-href="footer-Integrity" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Integrity" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-lchZA0"> <ppc-content key="footer-fIntegrityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ESwDQ8"> Integrity </ppc-content> </a> </li> </ul> </span> </div> <div class="feature-downlaods row" data-ph-id="ph-page-element-footer-0as198-n8DMud"> <div class="col-md-12 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-0as198-643pnD"> <ul data-ph-id="ph-page-element-footer-0as198-gnHhOK"> <li data-ph-id="ph-page-element-footer-0as198-bkSMsJ"> <p data-ph-id="ph-page-element-footer-0as198-vhjb4V">Featured Downloads</p> </li> <li data-ph-id="ph-page-element-footer-0as198-4AyuAk"> <a ph-href="https://get.adobe.com/uk/reader/" target="_blank" key-ph-href="footer-adobeAcrobatReaderPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Acrobat Reader" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0Na7mM"> <span data-ph-id="ph-page-element-footer-0as198-u37rBO"> <img alt="acrobat-reader-icon" src="https://www.adobe.com/content/dam/cc/icons/reader_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-3MZmzr" /> </span> <ppc-content key="footer-fAdobeAcrobatReaderLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-MI2di1"> Adobe Acrobat Reader </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-xcmqkq"> <a ph-href="https://www.adobe.com/products/photoshop/free-trial-download.html" target="_blank" key-ph-href="footer-photoshopPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photoshop" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Iq40R2"> <span data-ph-id="ph-page-element-footer-0as198-k8lXOS"> <img alt="photoshop-icon" src="https://www.adobe.com/content/dam/cc/icons/ps_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-ElLbWl" /> </span> <ppc-content key="footer-fPhotoshopLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7AOBq9"> Photoshop </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-qQqugN"> <a ph-href="https://www.adobe.com/products/illustrator/free-trial-download.html" target="_blank" key-ph-href="footer-illustratorPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Illustrator" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dorua1"> <span data-ph-id="ph-page-element-footer-0as198-rRYAEh"> <img alt="Illustrato" src="https://www.adobe.com/content/dam/cc/icons/ai_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-A7tMM1" /> </span> <ppc-content key="footer-fIllustratorLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0UprXr"> Illustrator </ppc-content> </a> </li> </ul> </div> </div> <!-- copyright links start--> <div class="copy-right-block" data-ph-id="ph-page-element-footer-0as198-zr5RrP"> <div class="copy-right-inner-block" data-ph-id="ph-page-element-footer-0as198-XFRf0Q"> <!-- social media icons start --> <div class="SocialIcons col-md-3 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-0as198-ojDrf9"> <div class="social-media-icons-spacing" data-ph-id="ph-page-element-footer-0as198-ZONo54"> <ul data-ph-id="ph-page-element-footer-0as198-zDhtdn"> <li data-ph-id="ph-page-element-footer-0as198-bsfFr2"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="facebook" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="facebook" key-href="footerFacebookHref" href="https://www.facebook.com/adobe" target="_blank" aria-label="facebook" key-aria-label="footerfacebook" class="facebook" data-ph-id="ph-page-element-footer-0as198-UV69dT"> <i aria-hidden="true" class="icon icon-facebook-alt" data-ph-id="ph-page-element-footer-0as198-Ge0aRS"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-iYDdIN"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="twitter" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="twitter" key-href="footerTwitterHref" href="https://twitter.com/Adobe" target="_blank" aria-label="twitter" key-aria-label="footerTwitter" class="twitter" data-ph-id="ph-page-element-footer-0as198-cVkxVq"> <i aria-hidden="true" class="icon icon-twitter" data-ph-id="ph-page-element-footer-0as198-gqRPBB"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-F13rYQ"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="linkedin" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="linkedin" key-href="footerLinkdinHref" href="https://www.linkedin.com/company/adobe" target="_blank" aria-label="linkedin" key-aria-label="footerLinkedin" class="linkedin" data-ph-id="ph-page-element-footer-0as198-DUQupR"> <i aria-hidden="true" class="icon icon-linkedin-alt" data-ph-id="ph-page-element-footer-0as198-XJos3f"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-MxhKuh"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="instagram" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="instagram" key-href="footerInstagramHref" href="https://www.instagram.com/adobe/" target="_blank" aria-label="instagram" key-aria-label="footerinstagram" class="instagram" data-ph-id="ph-page-element-footer-0as198-cA9tMx"> <i aria-hidden="true" class="icon icon-full-instagram" data-ph-id="ph-page-element-footer-0as198-wLuILw"></i> </a> </li> </ul> </div> </div> <!-- social media icons end --> <div class="copy-right-sub-block col-md-9 col-sm-6 col-xs-12" align="right" data-ph-id="ph-page-element-footer-0as198-m6Rndo"> <ul data-ph-id="ph-page-element-footer-0as198-14nW0A"> <li data-ph-id="ph-page-element-footer-0as198-3f4jmy"> <p class="copy-right-txt footer-link-separator" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-0as198-a9nMqW"> <ppc-content key="footerCopyrightContentFirstKey" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-0as198-p90Py7">Copyright © 2022 Adobe. All rights reserved.</ppc-content> </p> </li> <li data-ph-id="ph-page-element-footer-0as198-O3VoSX"> <a href="https://www.adobe.com/privacy/applicant-privacy.html" class="footer-link-separator" target="_blank" key-href="footer-privacyPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Privacy" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-8XS4OI" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="footer-fPrivacyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-9tASVG"> Privacy </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-F9HM3X"> <a href="https://www.adobe.com/legal/terms.html" class="footer-link-separator" target="_blank" key-href="footer-termsofUsePathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Terms of Use" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-w5SL2G"> <ppc-content key="footer-fTermsofUseLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-NFP17A"> Terms of Use </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-aKPaud"> <a href="https://careers.adobe.com/us/en/cookiesettings" class="footer-link-separator" target="_blank" key-href="footer-cookiepreferencesPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Cookie preferences" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-x7PI9j" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="footer-fCookiepreferencesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-GtwOu8"> Cookie preferences </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-CVwmjW"> <a href="https://www.adobe.com/privacy/ca-rights.html" class="footer-link-separator" target="_blank" key-href="footer-donotsellmypersonalinformationPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Do not sell my personal information" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-yvVBHv"> <ppc-content key="footer-fDonotsellmypersonalinformationLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-MkErRQ" language-overriden="true">Do not sell my personal information</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-v9QmiN"> <a href="https://www.adobe.com/privacy/opt-out.html#interest-based-ads" target="_blank" key-href="footer-adChoicesPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="AdChoices" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-lJhARi"> <span data-ph-id="ph-page-element-footer-0as198-tHwwMr"> <img alt="" src="https://www.adobe.com/content/dam/cc/icons/adchoices-small.svg" data-ph-id="ph-page-element-footer-0as198-WAupxx" /> </span> <ppc-content key="footer-fAdChoicesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-DcFtyF"> AdChoices </ppc-content> </a> </li> </ul> </div> </div> </div> <!-- end of copyright links --> </div> <!-- end of desktop-view --/>--> <div id="responsive-view" data-ph-id="ph-page-element-footer-0as198-KBkJsO"> <div class="container" data-ph-id="ph-page-element-footer-0as198-4oHUJO"> <div class="row top-block" data-ph-id="ph-page-element-footer-0as198-dQancP"> <!-- first set --> <div class="col-xs-12" data-ph-id="ph-page-element-footer-0as198-3TkG4F"> <div class="bdr-btm bdr-tp" data-ph-id="ph-page-element-footer-0as198-twxxbh"> <ul data-ph-id="ph-page-element-footer-0as198-i6qg7O"> <li class="footer-link-heading" onclick="setA()" data-ph-id="ph-page-element-footer-0as198-zIV6Jo"> <h5 data-ph-id="ph-page-element-footer-0as198-SHGJEu">Shop for <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-TstiyI"></span> </h5> </li> <div class="list" id="list1" data-ph-id="ph-page-element-footer-0as198-uSwFPz"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-pcf5De"> <li data-ph-id="ph-page-element-footer-0as198-wlNJdX"> <a ph-href="https://www.adobe.com/creativecloud.html?promoid=ZP46FD38&mv=other" target="_blank" key-ph-href="footer-creativeCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-CYlhn1"> <ppc-content key="footer-fCreativeCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-nwVfGH"> Creative Cloud </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-o3VCed"> <a ph-href="photoshop" target="_blank" key-ph-href="footer-photoshopPathLinkUrlPhotoshop" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photoshop" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-6LKNe1"> <ppc-content key="footer-fPhotoshopLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-YdxSM5"> Photoshop </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-hmLz8X"> </li> <li data-ph-id="ph-page-element-footer-0as198-vzFUd4"> <a ph-href="https://www.adobe.com/creativecloud/photography.html" target="_blank" key-ph-href="footer-photographyPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photography" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-vDUDQA"> <ppc-content key="footer-fphotographyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-IIM7pD"> Photography </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-cRvypf"> <a ph-href="https://www.adobe.com/products/premiere.html" target="_blank" key-ph-href="footer-premiereProPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Premiere Pro" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-bWBSfu"> <ppc-content key="footer-fPremiereProLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-RGfg6d"> Premiere Pro </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-qp0Xxd"> <a ph-href="https://www.adobe.com/express/" target="_blank" key-ph-href="footer-adobeExpressPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Express" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-fqEavu"> <ppc-content key="footer-fAdobeExpressLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pHGNOH"> Adobe Express </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-dXBH97"> <a ph-href="https://stock.adobe.com/in/" target="_blank" key-ph-href="footer-adobeStockPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Stock" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-yLaDLZ"> <ppc-content key="footer-fAdobeStockLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-947kGg"> Adobe Stock </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-qae191"> <a ph-href="https://www.adobe.com/products/elements-family.html" target="_blank" key-ph-href="footer-elementsFamilyPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Elements Family" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-oYQHNz"> <ppc-content key="footer-fElementsFamilyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-QhmQJE"> Elements Family </ppc-content> </a> </li> <!-- set II --> <li class="pd-tp-16" data-ph-id="ph-page-element-footer-0as198-9pAJpV"> <a ph-href="https://www.adobe.com/documentcloud.html" target="_blank" key-ph-href="footer-documentCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Document Cloud" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-rEQyXT"> <ppc-content key="footer-fDocumentCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-fdl4bR"> Document Cloud </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-Y0m7NK"> <a ph-href="https://www.adobe.com/acrobat.html" target="_blank" key-ph-href="footer-acrobatLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Acrobat" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-HJDrXo"> <ppc-content key="footer-fAcrobatLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-uXLQs6"> Acrobat </ppc-content> </a> </li> <li class="pd-bt-16" data-ph-id="ph-page-element-footer-0as198-yHNrVV"> <a ph-href="https://www.adobe.com/sign.html" target="_blank" key-ph-href="footer-acrobatSignPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Acrobat Sign" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7FagGg"> <ppc-content key="footer-fAcrobatSignLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-mDg26s"> Acrobat Sign </ppc-content> </a> </li> <!-- Set III --> <li data-ph-id="ph-page-element-footer-0as198-tlANZx"> <a ph-href="https://www.adobe.com/products/special-offers.html" target="_blank" key-ph-href="footer-specialoffersPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Special offers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-tIiv98"> <ppc-content key="footer-fSpecialoffersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-d3cXaK"> Special offers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-tRLbRo"> <a ph-href="https://www.adobe.com/creativecloud/plans.html" target="_blank" key-ph-href="footer-viewplansandpricingLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="View plans and pricing" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-x6IITM"> <ppc-content key="footer-fViewplansandpricingLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-BRftZC"> View plans and pricing </ppc-content> </a> </li> <li class="pd-bt-16" data-ph-id="ph-page-element-footer-0as198-rxVl0Y"> <a ph-href="https://www.adobe.com/products/catalog.html?types=pf_252Fdesktop&types=pf_252Fmobile&types=pf_252Fweb" target="_blank" key-ph-href="footer-viewallproductsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="View all products" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0QwMRM"> <ppc-content key="footer-fViewallproductsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-kxGyTG"> View all products </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> <!-- end of set-1 --> <!-- set 2 --> <div class="col-xs-12" data-ph-id="ph-page-element-footer-0as198-4Joz4N"> <ul data-ph-id="ph-page-element-footer-0as198-80JEKI"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-vFuzDL"> <li class="footer-link-heading" onclick="setB()" data-ph-id="ph-page-element-footer-0as198-e7iB4Y"> <h5 data-ph-id="ph-page-element-footer-0as198-HnRCvY">For business <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-CjaL5j"></span> </h5> </li> <div class="list" id="list2" data-ph-id="ph-page-element-footer-0as198-RZA5tG"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-SZCRCM"> <li data-ph-id="ph-page-element-footer-0as198-Ye4LC9"> <a ph-href="https://www.adobe.com/creativecloud/business/teams.html" target="_blank" key-ph-href="footer-creativeCloudforteamsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud for teams" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-jtf4S0"> <ppc-content key="footer-fCreativeCloudforteamsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Rh3JkF"> Creative Cloud for teams </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-HThQav"> <a ph-href="https://www.adobe.com/creativecloud/business/enterprise.html" target="_blank" key-ph-href="footer-creativeCloudforEnterprisePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Creative Cloud for enterprisem" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-v8qgWp"> <ppc-content key="footer-fCreativeCloudforenterpriseLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-lea47F"> Creative Cloud for enterprise </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-kromCV"> <a ph-href="https://www.adobe.com/documentcloud/business.html" target="_blank" key-ph-href="footer-documentCloudforbusinessPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Document Cloud for business" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ht4ZQw"> <ppc-content key="footer-fDocumentCloudforbusinessLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-VoExXW"> Document Cloud for business </ppc-content> </a> </li> </ul> </div> </div> <li data-ph-id="ph-page-element-footer-0as198-4MuyIY"> <div data-ph-id="ph-page-element-footer-0as198-uHd4rh"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-Y2XliV"> <ul data-ph-id="ph-page-element-footer-0as198-VxQyb4"> <li class="footer-link-heading" onclick="setC()" data-ph-id="ph-page-element-footer-0as198-XPi6Lq"> <h5 data-ph-id="ph-page-element-footer-0as198-tXZUBR">For education <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-u8mWyn"></span> </h5> </li> <div class="list" id="list3" data-ph-id="ph-page-element-footer-0as198-PTwTfS"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-czbPW7"> <li data-ph-id="ph-page-element-footer-0as198-fsmfd6"> <a ph-href="https://www.adobe.com/creativecloud/buy/students.html" target="_blank" key-ph-href="footer-studentsAndTeachersLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Discounts for students and teachers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-g6X5Yp"> <ppc-content key="footer-fDiscountsforstudentsandteachersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-YBAGvX"> Discounts for students and teachers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-loo3yR"> <a ph-href="https://www.adobe.com/education.html" target="_blank" key-ph-href="footer-SchoolsAndUniversitiesLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Schools and universities" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dOj6xN"> <ppc-content key="footer-fSchoolsanduniversitiesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-N9I9RY"> Schools and universities </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-kpuqPx"> <a ph-href="https://www.adobe.com/elearning.html" target="_blank" key-ph-href="footer-DigitalLearningSolutionsLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Digital Learning Solutions" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-WbL2QW"> <ppc-content key="footer-fDigitalLearningSolutionsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-TYpOY2"> Digital Learning Solutions </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> </li> <li data-ph-id="ph-page-element-footer-0as198-frJwDa"> <div data-ph-id="ph-page-element-footer-0as198-qv60OT"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-y4ko6T"> <ul data-ph-id="ph-page-element-footer-0as198-nuqFMv"> <li class="footer-link-heading" onclick="setD()" data-ph-id="ph-page-element-footer-0as198-QCCG7w"> <h5 data-ph-id="ph-page-element-footer-0as198-DuxGqx">For mobile <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-kUp67k"></span> </h5> </li> <div class="list" id="list4" data-ph-id="ph-page-element-footer-0as198-Lc6bBH"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-Y8hDem"> <li data-ph-id="ph-page-element-footer-0as198-gbjPfg"> <a ph-href="https://apps.apple.com/sg/app/adobe-creative-cloud/id852473028" target="_blank" key-ph-href="footer-iosLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Apps for iOS" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-XDe6SE"> <ppc-content key="footer-fAppsforiOSLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dpJHbK"> Apps for iOS </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-5q37wZ"> <a ph-href="https://play.google.com/store/apps/details?id=com.adobe.cc" target="_blank" key-ph-href="footer-androidLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Apps for Android" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-xxC9xz"> <ppc-content key="footer-fAppsforAndroidLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-GdYCYU"> Apps for Android </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> </li> </ul> </div> <!-- end of set-2 --> <!-- set 3 --> <div class="col-xs-12" data-ph-id="ph-page-element-footer-0as198-V1ZWG6"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-3KxtxC"> <ul data-ph-id="ph-page-element-footer-0as198-F8jkk8"> <li class="footer-link-heading" onclick="setE()" data-ph-id="ph-page-element-footer-0as198-JtzhLl"> <h5 data-ph-id="ph-page-element-footer-0as198-YhkuOs">Experience Cloud <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-XhjTcm"></span> </h5> </li> <div class="list" id="list5" data-ph-id="ph-page-element-footer-0as198-IsPwiy"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-CH4zj2"> <li data-ph-id="ph-page-element-footer-0as198-yIefsZ"> <a ph-href="https://business.adobe.com/" target="_blank" key-ph-href="footer-whatisExperienceCloudPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="What is Experience Cloud?" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-5z1hj4"> <ppc-content key="footer-fWhatisExperienceCloudLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7f21nK"> What is Experience Cloud? </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-K8IDUr"> <a ph-href="https://business.adobe.com/products/analytics/adobe-analytics.html" target="_blank" key-ph-href="footer-analyticsPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Analytics" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Puwdak"> <ppc-content key="footer-fAnalyticsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pAxoTW"> Analytics </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-htSW0w"> <a ph-href="https://business.adobe.com/products/experience-manager/adobe-experience-manager.html" target="_blank" key-ph-href="footer-experienceManagerPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Experience Manager" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-rAFjZq"> <ppc-content key="footer-fExperienceManagerLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-95TS9t"> Experience Manager </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-NFngTv"> <a ph-href="https://business.adobe.com/products/magento/magento-commerce.html" target="_blank" key-ph-href="footer-commercePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Commerce" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-RUH7on"> <ppc-content key="footer-fCommerceLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pj2yM6"> Commerce </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-SI5lqn"> <a ph-href="https://business.adobe.com/products/marketo/adobe-marketo.html" target="_blank" key-ph-href="footer-marketoEngagePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Marketo Engage" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-9JKSGG"> <ppc-content key="footer-fMarketoEngageLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-1YFivJ"> Marketo Engage </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-xTQuXa"> <a ph-href="https://www.workfront.com/" target="_blank" key-ph-href="footer-workfrontPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Workfront" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-UyLoqg"> <ppc-content key="footer-fWorkfrontLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-OcxVms"> Workfront </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> <!-- end of set-3 --> <!-- set 4 --> <div class="col-xs-12" data-ph-id="ph-page-element-footer-0as198-THUDP0"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-MiAWQQ"> <ul data-ph-id="ph-page-element-footer-0as198-7JyvJv"> <li class="footer-link-heading" onclick="setF()" data-ph-id="ph-page-element-footer-0as198-iRuIEr"> <h5 data-ph-id="ph-page-element-footer-0as198-pUKq7Q">Support <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-MRRCL6"></span> </h5> </li> <div class="list" id="list6" data-ph-id="ph-page-element-footer-0as198-iI4xNR"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-t5TppV"> <li data-ph-id="ph-page-element-footer-0as198-b2FeGm"> <a ph-href="https://helpx.adobe.com/download-install.html" target="_blank" key-ph-href="footer-downloadandinstallPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Download and install" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-l8gDud"> <ppc-content key="footer-fDownloadandinstallLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-v7G3kD"> Download and install </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-iCCYOL"> <a ph-href="https://helpx.adobe.com/support.html" target="_blank" key-ph-href="footer-helpCenterPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Help Center" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-s49O3g"> <ppc-content key="footer-fHelpCenterLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-4KakeV"> Help Center </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-cUwMSd"> <a ph-href="https://community.adobe.com/" target="_blank" key-ph-href="footer-adobeSupportCommunityPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Support Community" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-lSfeAZ"> <ppc-content key="footer-fAdobeSupportCommunityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-MytkLD"> Adobe Support Community </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-nMGSSz"> <a ph-href="https://helpx.adobe.com/contact/enterprise-support.html" target="_blank" key-ph-href="footer-enterpriseSupportPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Enterprise Support" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-y8bm4a"> <ppc-content key="footer-fEnterpriseSupportLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ifNs7O"> Enterprise Support </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-ofZqTF"> <a ph-href="https://www.adobe.com/genuine.html" target="_blank" key-ph-href="footer-genuinesoftwarePathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Genuine software" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-6eolaZ"> <ppc-content key="footer-fGenuinesoftwareLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-4Hq3Xr"> Genuine software </ppc-content> </a> </li> </ul> </div> </ul> </div> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-Urz6bJ"> <ul data-ph-id="ph-page-element-footer-0as198-LaoTSG"> <li class="footer-link-heading" onclick="setG()" data-ph-id="ph-page-element-footer-0as198-6HeGCP"> <h5 data-ph-id="ph-page-element-footer-0as198-aGQ5nC">Resources <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-pyQFmD"></span> </h5> </li> <div class="list" id="list7" data-ph-id="ph-page-element-footer-0as198-QogXPJ"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-LEcodv"> <li data-ph-id="ph-page-element-footer-0as198-KZlo4f"> <a ph-href="https://blog.adobe.com/" target="_blank" key-ph-href="footer-adobeBlogLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Blog" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0aBPDz"> <ppc-content key="footer-fAdobeBlogLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-EP9oWl"> Adobe Blog </ppc-content> </a> </li> <li class="pd-bt-20" data-ph-id="ph-page-element-footer-0as198-SPf8jF"> <a ph-href="https://developer.adobe.com/" target="_blank" key-ph-href="footer-adobeDeveloperLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Developer" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-R2lEp4"> <ppc-content key="footer-fAdobeDeveloperLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ir4njU"> Adobe Developer </ppc-content> </a> </li> </ul> </div> </ul> </div> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-BmnqM5"> <ul data-ph-id="ph-page-element-footer-0as198-lfCNHr"> <li class="footer-link-heading" onclick="setH()" data-ph-id="ph-page-element-footer-0as198-aAZOzw"> <h5 data-ph-id="ph-page-element-footer-0as198-xSRCdH">Adobe Account <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-8FbvYu"></span> </h5> </li> <div class="list" id="list8" data-ph-id="ph-page-element-footer-0as198-ISEeP0"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-uZXN8U"> <li data-ph-id="ph-page-element-footer-0as198-L80aMR"> <a ph-href="https://account.adobe.com/" target="_blank" key-ph-href="footer-adobeAccountLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Log in to your account" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pgb3LR"> <ppc-content key="footer-fLogintoyouraccountLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-8RCPZP"> Log in to your account </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> <!-- end of set-4 --> <!-- set 5 --> <div class="col-xs-12" data-ph-id="ph-page-element-footer-0as198-SdcjjZ"> <div class="bdr-btm" data-ph-id="ph-page-element-footer-0as198-Ds1YlX"> <ul data-ph-id="ph-page-element-footer-0as198-2aSUbL"> <li class="footer-link-heading" onclick="setI()" data-ph-id="ph-page-element-footer-0as198-OsruXx"> <h5 data-ph-id="ph-page-element-footer-0as198-lAQdoh">Adobe <span class="icon icon-down-arrow" onclick="iconClick(this)" data-ph-id="ph-page-element-footer-0as198-lxN345"></span> </h5> </li> <div class="list" id="list9" data-ph-id="ph-page-element-footer-0as198-gmSIP8"> <ul class="menu" data-ph-id="ph-page-element-footer-0as198-AmIlhp"> <li data-ph-id="ph-page-element-footer-0as198-SoxM9O"> <a ph-href="https://www.adobe.com/about-adobe.html" target="_blank" key-ph-href="footer-aboutLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="about" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-6c5ygM"> <ppc-content key="footer-faboutLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-EpCKoA"> About </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-YCwkaD"> <a ph-href="https://www.adobe.com/careers.html" target="_blank" key-ph-href="footer-careersLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Careers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-bMOr3A"> <ppc-content key="footer-fCareersLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-JTknt2"> Careers </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-raMqar"> <a ph-href="https://news.adobe.com/home/default.aspx" target="_blank" key-ph-href="footer-newsroom" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Newsroom" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-7gGPj3"> <ppc-content key="footer-fNewsroomLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-dKg6OV"> Newsroom </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-YkXVoa"> <a ph-href="https://www.adobe.com/corporate-responsibility.html" target="_blank" key-ph-href="footer-corporateresponsibility" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Corporate responsibility" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-Pii6kj"> <ppc-content key="footer-fCorporateresponsibilityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-hSJQnV"> Corporate responsibility </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-WcBH5l"> <a ph-href="https://www.adobe.com/investor-relations.html" target="_blank" key-ph-href="footer-investorRelations" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Investor Relations" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-D8ew3C"> <ppc-content key="footer-fInvestorRelationsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-LXT5qJ"> Investor Relations </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-qxNRvF"> <a ph-href="https://www.adobe.com/corporate-responsibility/supply-chain.html" target="_blank" key-ph-href="footer-supplychain" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Supply chain" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-BakS76"> <ppc-content key="footer-fsupplychainLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-3hLE44"> Supply chain </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-xJUVgI"> <a ph-href="https://www.adobe.com/trust.html" target="_blank" key-ph-href="footer-trustCenter" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Trust Center" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-RvPblm"> <ppc-content key="footer-fTrustCenterLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-YtJ4al"> Trust Center </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-ij8Suh"> <a ph-href="https://www.adobe.com/events.html" target="_blank" key-ph-href="footer-Events" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Events" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-mThslj"> <ppc-content key="footer-fEventsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-14BSfK"> Events </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-IPa26e"> <a ph-href="https://www.adobe.com/diversity.html" target="_blank" key-ph-href="footer-Diversityandinclusion" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Diversity and inclusion" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-NMjKPw"> <ppc-content key="footer-fDiversityandinclusionLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-00PhfZ"> Diversity and inclusion </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-zoQtoz"> <a ph-href="https://www.adobe.com/about-adobe/integrity.html" target="_blank" key-ph-href="footer-Integrity" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Integrity" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-5y2KsR"> <ppc-content key="footer-fIntegrityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pYHjJ4"> Integrity </ppc-content> </a> </li> </ul> </div> </ul> </div> </div> <!-- end of set 5 --> <div class="feature-downlaods row" data-ph-id="ph-page-element-footer-0as198-7b2LUm"> <div class="col-md-12 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-0as198-AiWuit"> <ul data-ph-id="ph-page-element-footer-0as198-oHnhUt"> <li data-ph-id="ph-page-element-footer-0as198-iZVaA6"> <p data-ph-id="ph-page-element-footer-0as198-BoH5ao">Featured Downloads</p> </li> <li data-ph-id="ph-page-element-footer-0as198-TPlIVt"> <a ph-href="https://get.adobe.com/uk/reader/" key-ph-href="footer-adobeAcrobatReaderPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Adobe Acrobat Reader" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-UqrgzE"> <span data-ph-id="ph-page-element-footer-0as198-ccXFm5"> <img alt="acrobat-reader-icon" src="https://www.adobe.com/content/dam/cc/icons/reader_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-9gEj23" /> </span> <ppc-content key="footer-fAdobeAcrobatReaderLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-2Vf3e1"> Adobe Acrobat Reader </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-HZIJDF"> <a ph-href="https://www.adobe.com/products/photoshop/free-trial-download.html" key-ph-href="footer-photoshopPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Photoshop" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-8NQryS"> <span data-ph-id="ph-page-element-footer-0as198-uYsW7p"> <img alt="photoshop-icon" src="https://www.adobe.com/content/dam/cc/icons/ps_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-k2DKQa" /> </span> <ppc-content key="footer-fPhotoshopLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-poP17B"> Photoshop </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-I2iECH"> <a ph-href="https://www.adobe.com/products/illustrator/free-trial-download.html" key-ph-href="footer-illustratorPathLinkUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Illustrator" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-gr1qPr"> <span data-ph-id="ph-page-element-footer-0as198-41tu2r"> <img alt="Illustrato" src="https://www.adobe.com/content/dam/cc/icons/ai_appicon_64_grayscale.svg" data-ph-id="ph-page-element-footer-0as198-c3NTAD" /> </span> <ppc-content key="footer-fIllustratorLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-ibAazr"> Illustrator </ppc-content> </a> </li> </ul> </div> </div> <!-- copyright links start--> <div class="copy-right-block" data-ph-id="ph-page-element-footer-0as198-NNm31K"> <div class="copy-right-inner-block" data-ph-id="ph-page-element-footer-0as198-nP1Jts"> <!-- social media icons start --> <div class="SocialIcons col-md-3 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-0as198-jjdkkM"> <div class="social-media-icons-spacing" data-ph-id="ph-page-element-footer-0as198-nxA1P6"> <ul data-ph-id="ph-page-element-footer-0as198-9tVFz0"> <li data-ph-id="ph-page-element-footer-0as198-ohDK5H"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="facebook" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="facebook" key-href="footerFacebookHref" href="https://www.facebook.com/adobe" target="_blank" aria-label="facebook" key-aria-label="footerfacebook" class="facebook" data-ph-id="ph-page-element-footer-0as198-6if4fv"> <i aria-hidden="true" class="icon icon-facebook-alt" data-ph-id="ph-page-element-footer-0as198-l8vChV"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-QI83wY"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="twitter" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="twitter" key-href="footerTwitterHref" href="https://twitter.com/Adobe" target="_blank" aria-label="twitter" key-aria-label="footerTwitter" class="twitter" data-ph-id="ph-page-element-footer-0as198-5EGBT7"> <i aria-hidden="true" class="icon icon-twitter" data-ph-id="ph-page-element-footer-0as198-wh5MuR"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-NXjPmT"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="linkedin" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="linkedin" key-href="footerLinkdinHref" href="https://www.linkedin.com/company/adobe" target="_blank" aria-label="linkedin" key-aria-label="footerLinkedin" class="linkedin" data-ph-id="ph-page-element-footer-0as198-yinfLU"> <i aria-hidden="true" class="icon icon-linkedin-alt" data-ph-id="ph-page-element-footer-0as198-QAiksM"></i> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-pm1KcE"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="instagram" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="instagram" key-href="footerInstagramHref" href="https://www.instagram.com/adobe/" target="_blank" aria-label="instagram" key-aria-label="footerinstagram" class="instagram" data-ph-id="ph-page-element-footer-0as198-nuSsS1"> <i aria-hidden="true" class="icon icon-full-instagram" data-ph-id="ph-page-element-footer-0as198-wEnyjN"></i> </a> </li> </ul> </div> </div> <!-- social media icons end --> <div class="copy-right-sub-block col-md-9 col-sm-6 col-xs-12" align="right" data-ph-id="ph-page-element-footer-0as198-x8vfSM"> <ul data-ph-id="ph-page-element-footer-0as198-Smq0fA"> <li data-ph-id="ph-page-element-footer-0as198-AjfPqb"> <p class="copy-right-txt footer-link-separator" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-0as198-IZWyCz"> <ppc-content key="footerCopyrightContentFirstKey" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-0as198-rDk9fI">Copyright © 2022 Adobe. All rights reserved.</ppc-content> </p> </li> <li data-ph-id="ph-page-element-footer-0as198-fCXN5P"> <a href="https://www.adobe.com/privacy/applicant-privacy.html" class="footer-link-separator" target="_blank" key-href="footer-privacyPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Privacy" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-0YS2Gx"> <ppc-content key="footer-fPrivacyLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-sNNgQp"> Privacy </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-wtMSul"> <a href="https://www.adobe.com/legal/terms.html" class="footer-link-separator" target="_blank" key-href="footer-termsofUsePathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Terms of Use" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-pw4xMl"> <ppc-content key="footer-fTermsofUseLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-SushrA"> Terms of Use </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-Lj6heK"> <a href="https://careers.adobe.com/us/en/cookiesettings" class="footer-link-separator" target="_blank" key-href="footer-cookiepreferencesPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Cookie preferences" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-sRD4Wm"> <ppc-content key="footer-fCookiepreferencesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-u5wLYf"> Cookie preferences </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-28jysD"> <a href="https://www.adobe.com/privacy/ca-rights.html" class="footer-link-separator" target="_blank" key-href="footer-donotsellmypersonalinformationPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Do not sell my personal information" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-jmyRJO"> <ppc-content key="footer-fDonotsellmypersonalinformationLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-bbuG19" language-overriden="true">Do not sell my personal information</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-0as198-IwrEXe"> <a href="https://www.adobe.com/privacy/opt-out.html#interest-based-ads" target="_blank" key-href="footer-adChoicesPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="AdChoices" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-xxdsmT"> <span data-ph-id="ph-page-element-footer-0as198-mS4l7q"> <img alt="" src="https://www.adobe.com/content/dam/cc/icons/adchoices-small.svg" data-ph-id="ph-page-element-footer-0as198-Yqvr23" /> </span> <ppc-content key="footer-fAdChoicesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-0as198-qdDzUP"> AdChoices </ppc-content> </a> </li> </ul> </div> </div> </div> <!-- end of copyright links --> </div> </div> </div> <!-- end of responsive-view --/> </div> </footer> </section>--> </div> </footer> </div></section></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/assets/scripts/1716381327492-custom.js" data-ph-id="ph-page-element-page12-bb7qJc" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js" defer=""></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js" defer=""></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/ADOBUS/en_us/desktop/page12/caas-platform/page-views-1738049000552.js" defer></script></body> </html><div id='csrfToken' style='display:none'>af8c6e3bddb641678edc3474cbddbf6a</div>