CINXE.COM
<!DOCTYPE html> <!--[if lt IE 7]> <html class="lt-ie7" lang="en"> <![endif]--> <!--[if IE 7]> <html class="ie7" lang="en"> <![endif]--> <!--[if IE 8]> <html class="ie8" lang="en"> <![endif]--> <!--[if IE 9]> <html class="ie9" lang="en"> <![endif]--> <!--[if IE 10]> <html class="ie10" lang="en"> <![endif]--> <!--[if IE 11]> <html class="ie11" lang="en"> <![endif]--> <!--[if gt IE 11]><!--> <html lang="en" data-ph-id="ph-page-element-page36-SZjRW5" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page36-k7MKdw"><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /><meta name="styleName" stylesheetname="job1-description" data-ph-id="ph-page-element-page36-dXZwZv" /><meta name="pageVariant" originalpagename="job" data-ph-id="ph-page-element-page36-IcI5Iw" /><meta name="use-widget" content="ph-job-detail-v1" data-ph-id="ph-page-element-page36-Trxjka" /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page36-5iTCbq" /> <!-- We need to use these meta tags for group pages --> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/favicon.ico?v=1667497209258" rel="icon" data-ph-id="ph-page-element-page36-w9Meqy" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/mobile/h/apple-touch-icon.png" data-ph-id="ph-page-element-page36-QaZx5b" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/mobile/m/apple-touch-icon.png" data-ph-id="ph-page-element-page36-VOw6GD" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/mobile/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page36-Q3Jz6D" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/mobile/l/apple-touch-icon.png" data-ph-id="ph-page-element-page36-I8HpF5" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/mobile/l/splash.png" data-ph-id="ph-page-element-page36-iWnXuF" /> <script type="text/javascript">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.miami.edu/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"UOMUOMUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.miami.edu/us/en/","baseDomain":"https://careers.miami.edu","phenomTrackURL":"careers.miami.edu/us/en/phenomtrack.min.js","pageName":"job","siteType":"external","rootDomain":"https://careers.miami.edu","pageId":"page36"}; 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":false,"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":{"locationSlider":false,"privacyDataConsentCheckBox":true,"refineSearch":{"enabledFacets":["category","country","state","city","type","phLocSlider"],"facetDisplayNames":{"category":"Category","country":"Country","state":"State/Province","city":"City","type":"Hiring Type","phLocSlider":"Location"},"facetPlaceholderNames":{"category":"Search in Job Category","country":"Search in Country","state":"Search in State/Province","city":"Search in City","type":"Search in Hiring Type","phLocSlider":"Search in Location"},"defaultFacetsToOpen":["category"],"facetConfig":{"phLocSlider":{"sliderRadius":50,"aboveMaxRadius":true,"locationRangeEnd":50,"sliderDelta":1}}},"gdpr":{"cookieType":"persistent","enabled":true,"showDecline":false},"iscdnEnabled":true},"size":"10","refNum":"UOMUOMUS","siteVariant":"external","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"navMenuItems":[],"cdnCaasContentEnabled":true,"candidateHome":false,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://careers.miami.edu/us/en/blog"},"events":{"url":"https://careers.miami.edu/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/pcs/common/1742387947968-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":false},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, #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":{"clientIdOld":"75qvndrmqmkxfo","clientId":"78mq36mb73ep5m","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","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":{"UOMUOMUS_Administrative_Shared_Services":"c/administrative-shared-services-jobs","UOMUOMUS_Research":"c/research-jobs","UOMUOMUS_Support_Services":"c/support-services-jobs","UOMUOMUS_Nursing_Nursing_Support":"c/nursing-nursing-support-jobs","UOMUOMUS_Athletics_Wellness":"c/athletics-wellness-jobs","UOMUOMUS_Finance":"c/finance-jobs","UOMUOMUS_Academic_Student_Services":"c/academic-student-services-jobs","UOMUOMUS_Administrative_Support":"c/administrative-support-jobs","UOMUOMUS_Allied_Health":"c/allied-health-jobs","UOMUOMUS_Physicians_Adv_Practice_Providers":"c/physicians-adv-practice-providers-jobs","UOMUOMUS_Finance_Revenue_Cycle":"c/finance-revenue-cycle-jobs","UOMUOMUS_Faculty":"c/faculty-jobs","UOMUOMUS_Information_Technology":"c/information-technology-jobs","UOMUOMUS_Advanced_Practice_Providers":"c/advanced-practice-providers-jobs","UOMUOMUS_Faculty_Physicians":"c/faculty-physicians-jobs","UOMUOMUS_Facilities_Supply_Chain":"c/facilities-supply-chain-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-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-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},"jobDetail":{"status":200,"hits":0,"totalHits":0,"data":{},"eid":{"eid":"67e4d6879e46ba69488bc073"},"sourceResponseTime":1,"source":"ES"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobDetail","jobwidgetsettings","siteConfig","categoryContentV2","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"82db3e422670413997b45e01ceb00c11","phProfileId":"63b44849-ea92-4663-8691-f46041bf731e","pxPageState":"stranger"}; /*-->*/</script><script type="text/javascript">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">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" data-ph-id="ph-page-element-page36-rK4sl7" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird"></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"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require"></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"></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"></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"></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"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/page36/ph-page-page36-1707149840157.js" 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"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs"></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"></script> <script type="text/x-ph-tmpl" id="ph-job-details-v1-wt84jaw-job-fields"> <div class="job-other-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" instance-id="abT2Xm" data-ph-id="ph-page-element-page36-bc97Dn"> <div class="job-smart-tags" data-ph-id="ph-page-element-page36-9zFVES"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (jobDetail.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[jobDetail.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page36-M02vKU"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-g4w1vp"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-wyZxHl"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-rjUFDv">${widgetBundle[fit.name] | pht : jobJobMatchsData[jobDetail['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page36-ut49CM"> <span class="featured-job" if.bind="jobDetail.featuredJob && (jobDetail.featuredJob && jobDetail.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page36-R2jiW8"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[jobDetail['jobSeqNo']] && jobTagsData[jobDetail['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page36-KJIbyb"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-FUQWOB"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-6srZcs">${widgetBundle[eachTag.name] | pht : jobTagsData[jobDetail['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <!-- Multilocation display type modal --> <span repeat.for="eachAttr of jobFields" if.bind="(['location'].indexOf(eachAttr.name) != -1 && (jobDetail.location || jobDetail.multi_location && jobDetail.multi_location.length > 1)) || (eachAttr.name.indexOf('category') != -1 && jobDetail.category) || (jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (eachAttr.name.indexOf('expiryDate') != -1 && jobDetail.expiryDate)" class="${(['location'].indexOf(eachAttr.name) != -1 && (jobDetail.location || jobDetail.multi_location && jobDetail.multi_location.length > 1)) || (eachAttr.name.indexOf('category') != -1 && jobDetail.category) || (jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (eachAttr.name.indexOf('expiryDate') != -1 && jobDetail.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page36-hOZN6B"> <span class="multiple-location" if.bind="(jobDetail.multi_location.length > 1 && (['location'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page36-QXkWQJ"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-HZ3Nup"></i> <span class="button-pre-text" aria-hidden="true" data-ph-id="ph-page-element-page36-6HwOTi"> ${widgetBundle['multipleLocation'] | pht:{"locationCount":jobDetail.multi_location.length}} </span> <button class="see-multiple-loc-btn ph-a11y-multi-location" click.delegate="openMultiLocationModal()" aria-label="${widgetBundle['multipleLocation'] | pht:{'locationCount':jobDetail.multi_location.length}} ${widgetBundle['seeMultipleLocBtn']}" data-ph-id="ph-page-element-page36-BLoIOU"> ${widgetBundle['seeMultipleLocBtn']} </button> </span> <span class="multiple-category" if.bind="(jobDetail.multi_category.length > 1 && (['category'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page36-BpGUF9"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-CP5OV5"></i> <span class="button-pre-text" aria-hidden="true" data-ph-id="ph-page-element-page36-lAgUP3"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount":jobDetail.multi_category.length}} </span> <button class="see-multiple-cat-btn ph-a11y-multi-category" click.delegate="openMultiCategoryModal()" aria-label="${widgetBundle['multipleCategory'] | pht:{'categoryCount':jobDetail.multi_category.length}} ${widgetBundle['seeMultipleCatBtn']}" data-ph-id="ph-page-element-page36-skUdeK"> ${widgetBundle['seeMultipleCatBtn']} </button> </span> <span class="job-${eachAttr.name}" if.bind="(eachAttr.name == 'location') && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0) || (eachAttr.name == 'category') && (!jobDetail.multi_category || jobDetail.multi_category.length == 1 || jobDetail.multi_category.length == 0)" data-ph-id="ph-page-element-page36-WsDfAY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-hREL2v">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-pOUGyR">${widgetBundle[eachAttr.name]}</b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-wR487f"></i> ${jobDetail[eachAttr.name]} </span> <span class="${eachAttr.name}" if.bind="jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','dateCreated','multi_location','descriptionTeaser','location','category','drivingTime','multi_category','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page36-e8haAN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-m0CqJs">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-RTc1ob"> ${widgetBundle[eachAttr.name]} </b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-q7m6zd"></i> ${jobDetail[eachAttr.name]} </span> <span class="job-${eachAttr.name}" if.bind="(jobDetail.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'dateCreated' && jobDetail.dateCreated) || (eachAttr.name == 'expiryDate' && jobDetail.expiryDate) || (jobDetail[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page36-xL3ChZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-mLJnRv"> ${widgetBundle[eachAttr.name]} </span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-FcRFzA">${widgetBundle[eachAttr.name]} </b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-kGYIi5"></i> ${jobDetail[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span if.bind="(jobDetail.drivingTime && eachAttr.name == 'drivingTime') && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0)" class="job-driving ${(!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page36-LEXros"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-CnGtLs">${widgetBundle[eachAttr.name]}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-f2AvsX">${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-page36-HYw8XA"></i> <span if.bind="!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-04qmz0">${widgetBundle['whenDrivingTimeNotFound']}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-HsHOvo">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":jobDetail.drivingTime.inHours}}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page36-WBvNNp">${jobDetail.drivingTime.inHours} ${jobDetail.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page36-BpgK2i">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":jobDetail.drivingTime.inMinutes}}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page36-gvlyXL">${jobDetail.drivingTime.inMinutes} ${jobDetail.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </div> <!-- End multilocation display type modal --> <!-- Multilocation display type dropdown --> <div class="job-other-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-page36-ZJNKZN"> <div class="job-smart-tags" data-ph-id="ph-page-element-page36-5vlRV1"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (jobDetail.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[jobDetail.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page36-lSR5vy"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-Mzrycw"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-XPusBA"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-PpepBJ">${widgetBundle[fit.name] | pht : jobJobMatchsData[jobDetail['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page36-3miqRP"> <span class="featured-job" if.bind="jobDetail.featuredJob && (jobDetail.featuredJob && jobDetail.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page36-HHRHqH"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[jobDetail['jobSeqNo']] && jobTagsData[jobDetail['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page36-gQKJtv"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-CYWQpO"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-0YY0Wa">${widgetBundle[eachTag.name] | pht : jobTagsData[jobDetail['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span repeat.for="eachAttr of jobFields" if.bind="(((eachAttr.name.indexOf('location') != -1 && jobDetail.location) && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0)) || ((eachAttr.name.indexOf('category') != -1 && jobDetail.category) && (!jobDetail.multi_category || jobDetail.multi_category.length == 1 || jobDetail.multi_category.length == 0)) || (jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (eachAttr.name.indexOf('expiryDate') != -1 && jobDetail.expiryDate))" class="${((eachAttr.name === 'location' && jobDetail.location) && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0)) || ((eachAttr.name.indexOf('category') != -1 && jobDetail.category) && (!jobDetail.multi_category || jobDetail.multi_category.length == 1 || jobDetail.multi_category.length == 0)) || (jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && jobDetail.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page36-J1dMcx"> <span class="job-${eachAttr.name}" if.bind="(eachAttr.name == 'location') && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0) || (eachAttr.name == 'category') && (!jobDetail.multi_category || jobDetail.multi_category.length == 1 || jobDetail.multi_category.length == 0)" data-ph-id="ph-page-element-page36-tMyj7Z"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-uuf6Ez">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-WMV5oF">${widgetBundle[eachAttr.name]}</b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-BKZflA"></i> ${jobDetail[eachAttr.name]} </span> <span class="${eachAttr.name}" if.bind="jobDetail[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','dateCreated','multi_location', 'multi_category', 'descriptionTeaser','location','category','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page36-Z5G4dW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-NKlTpz">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-5JbhYj"> ${widgetBundle[eachAttr.name]} </b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-aOOJmy"></i> ${jobDetail[eachAttr.name]} </span> <span class="job-${eachAttr.name}" if.bind="(jobDetail.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'dateCreated' && jobDetail.dateCreated) || (eachAttr.name == 'expiryDate' && jobDetail.expiryDate) || (jobDetail[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page36-UOSVfR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-7TYue4"> ${widgetBundle[eachAttr.name]} </span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-2YaIi9">${widgetBundle[eachAttr.name]} </b> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-WU10jt"></i> ${jobDetail[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span if.bind="(jobDetail.drivingTime && eachAttr.name == 'drivingTime') && (!jobDetail.multi_location || jobDetail.multi_location.length == 1 || jobDetail.multi_location.length == 0)" class="job-driving ${(!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page36-sJ72bI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-zIx5kG">${widgetBundle[eachAttr.name]}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-Vls29F">${widgetBundle[eachAttr.name]}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-ylkgte"></i> <span if.bind="!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-mdIZBb">${widgetBundle['whenDrivingTimeNotFound']}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-Yxs9Sv">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":jobDetail.drivingTime.inHours}}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page36-014OHk">${jobDetail.drivingTime.inHours} ${jobDetail.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page36-iz9m4q">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":jobDetail.drivingTime.inMinutes}}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page36-Q7sqC5">${jobDetail.drivingTime.inMinutes} ${jobDetail.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> <!-- End multilocation display type dropdown --> </div> <!-- Multilocation display type dropdown --> <div repeat.for="eachAttr of jobFields" if.bind="(enabledFields['location'].indexOf(eachAttr.name) != -1) && (eachAttr.name == 'location')" data-ph-id="ph-page-element-page36-W9Dhch"> <div if.bind="(jobDetail.multi_location.length > 1) && (jobDetail.multi_location.length <= 2) && ((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-page36-HEzlGj"> <div class="multi-job" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_location.length} locations" data-ph-id="ph-page-element-page36-YlWxxc"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': jobDetail.multi_location.length}} </div> <ul class="job-multi-locations" ref="listItem" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:jobDetail.multi_location" data-ph-id="ph-page-element-page36-xs7pxY"> <li class="location" repeat.for="eachLocation of jobDetail.multi_location" aria-label="${eachLocation.location}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation.location}" if.bind="( jobDetail.multi_location.length > 1)" data-ph-id="ph-page-element-page36-POovmG"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-UBxFga"></i> ${eachLocation.location} </li> </ul> </div> <div if.bind="(jobDetail.multi_location.length > 2) && ((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-page36-8BQXOX"> <!-- <div class="multi-job" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_location.length} locations"> --> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${jobDetail.category}" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(jobDetail.toggleOpen = false):''" class="multi-job btn-link" click.delegate="jobDetail.toggleOpen = !jobDetail.toggleOpen" role="button" key-role="ph-job-details-v1-job-fields-wt84jaw-1xbT5o" id="searchLoc-${jobDetail.jobSeqNo}" aria-haspopup="true" aria-expanded="${jobDetail.toggleOpen ? 'true' : 'false'}" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_location.length} locations" data-ph-at-job-multilocation-count="${jobDetail.multi_location.length}" style="padding: 0;" instance-id="abT2Xm-ai8hzt" data-ph-id="ph-page-element-page36-YRVGTD"> <span data-ph-id="ph-page-element-page36-kM5uRW"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': jobDetail.multi_location.length}} </span> <i ref="listItemIcon" class="${jobDetail.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page36-Sc4adX"></i> </button> <!-- </div> --> <ul class="job-multi-locations ${jobDetail.toggleOpen ? 'show' : 'hide'}" ref="listItem" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:jobDetail.multi_location" data-ph-id="ph-page-element-page36-cMH8sD"> <li class="location" repeat.for="eachLocation of jobDetail.multi_location" aria-label="${eachLocation.location}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation.location}" if.bind="( jobDetail.multi_location.length > 1)" data-ph-id="ph-page-element-page36-TKQpsI"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-6VJwab"></i> ${eachLocation.location} </li> </ul> </div> </div> <!-- Multilocation display type dropdown ends --> <!-- MultiCategory display type dropdown --> <div repeat.for="eachAttr of jobFields" if.bind="((eachAttr.name == 'category') && enabledFields['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page36-oWDFSt"> <div if.bind="(enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'dropdown') || (!enabledFields['category'] || !enabledFields['category'].settings || !enabledFields['category'].settings.displayType) && (jobDetail.multi_category.length > 1) && (jobDetail.multi_category.length <= 2)" data-ph-id="ph-page-element-page36-q64Uex"> <div class="multi-category" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_category.length} category" data-ph-id="ph-page-element-page36-8U6rUw"> ${widgetBundle['multiCategoryText'] | pht:{'multicategoryValue': jobDetail.multi_category.length}} </div> <ul class="job-multi-category" data-ph-at-id="job-multi-category-list" ph-role="data.bind:jobDetail.multi_category" data-ph-id="ph-page-element-page36-Hld6Rd"> <li class="category" repeat.for="eachCategory of jobDetail.multi_category" aria-label="${eachCategory.category}" data-ph-at-id="job-multi-category-item" data-ph-at-job-category-text="${eachCategory.category}" if.bind="(jobDetail.multi_category.length > 1)" data-ph-id="ph-page-element-page36-58XW9Z"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-PtiTZ5"></i> ${eachCategory.category} </li> </ul> </div> <div if.bind="(enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'dropdown') || (!enabledFields['category'] || !enabledFields['category'].settings || !enabledFields['category'].settings.displayType) && (jobDetail.multi_category.length > 2)" data-ph-id="ph-page-element-page36-rYDybc"> <!-- <div class="multi-category" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_category.length} category"> --> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${jobDetail.category}" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(jobDetail.toggleOpenCat = false):''" class="multi-category btn-link" click.delegate="jobDetail.toggleOpenCat = !jobDetail.toggleOpenCat" role="button" key-role="ph-job-details-v1-job-fields-wt84jaw-8ty0iv" id="searchCat-${jobDetail.jobSeqNo}" aria-haspopup="true" aria-expanded="${jobDetail.toggleOpenCat ? 'true' : 'false'}" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_category.length} categories" data-ph-at-job-multilocation-count="${jobDetail.multi_category.length}" style="padding: 0;" instance-id="abT2Xm-nurhgo" data-ph-id="ph-page-element-page36-W94yAd"> <span data-ph-id="ph-page-element-page36-OJDEG9"> ${widgetBundle['multiCategoryText'] | pht:{'multicategoryValue': jobDetail.multi_category.length}} </span> <i ref="listItemIcon" class="${jobDetail.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page36-fB9MWI"></i> </button> <!-- </div> --> <ul class="job-multi-category ${jobDetail.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:jobDetail.multi_category" data-ph-id="ph-page-element-page36-jjIi3T"> <li class="category" repeat.for="eachCategory of jobDetail.multi_category" aria-label="${eachCategory.category}" data-ph-at-id="job-multi-category-item" data-ph-at-job-category-text="${eachCategory.category}" if.bind="(jobDetail.multi_category.length > 1)" data-ph-id="ph-page-element-page36-RDJuJn"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-LRkZ0n"></i> ${eachCategory.category} </li> </ul> </div> </div> <!-- MultiCategory display type dropdown ends--> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page36-3AydOV"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page36-fnUzqZ"> <span data-ph-id="ph-page-element-page36-qXcFMA"> <span class="sr-only" data-ph-id="ph-page-element-page36-C4DoXk"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page36-I3OSsb">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page36-Qi6yO5">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-PsvJtz">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-o77byn">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page36-MHacJ7">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page36-7NJEFG">${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-page36-zdNIPX"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (jobDetail.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[jobDetail.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page36-YE0nkJ"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-zZdt7u"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-jnomqI"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-nalyiE">${widgetBundle[fit.name] | pht : jobJobMatchsData[jobDetail['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="multi-location-popup" if.bind="showMultiLocation && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" data-ph-id="ph-page-element-page36-hJymP7"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page36-jUT6m3"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-2VCpQw"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-WacLI8"> <button class="close ph-a11y-close-multi-location" click.delegate="closeMultiLocationModal()" aria-label="Close popup" key-aria-label="ph-job-details-v1-job-fields-wt84jaw-jy9M2Q" instance-id="abT2Xm-W6PZI0" data-ph-id="ph-page-element-page36-Pi6uaV"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-xX1TkU"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-KOYQvt"> <div class="job-heading" role="heading" aria-level="1" key-role="ph-job-details-v1-job-fields-wt84jaw-kKfrtv" key-aria-level="ph-job-details-v1-job-fields-wt84jaw-emC80R" instance-id="abT2Xm-zo0KS3" data-ph-id="ph-page-element-page36-XrZczL"> ${jobDetail.title} </div> <div class="job-location-count" data-ph-id="ph-page-element-page36-rlvInt"> ${widgetBundle['jobLocationCount'] | pht:{"locationCount":jobDetail.multi_location.length}} </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-AuOpyz"> <ul class="location-list" ph-role="data.bind:jobDetail.multi_location" data-ph-id="ph-page-element-page36-ss25KU"> <li class="each-location" repeat.for="eachLocation of jobDetail.multi_location" data-ph-id="ph-page-element-page36-F9p6Bk"> <span data-ph-id="ph-page-element-page36-YQYbUC"> <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-page36-y3RRJ3"></i> </span> <span data-ph-id="ph-page-element-page36-s3JN3N"> ${eachLocation.location} </span> <div if.bind="enabledFields['drivingTime']" class="job-driving ${(!jobDetail.multi_location_array[$index].drivingTime.inHours && !jobDetail.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page36-rLe191"> <span class="sr-only" data-ph-id="ph-page-element-page36-0LoxnH">${widgetBundle['drivingTime']}</span> <i class="icon ${enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-rd8LUF"></i> <span if.bind="!jobDetail.multi_location_array[$index].drivingTime.inHours && !jobDetail.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-OrlBfG">${widgetBundle['whenDrivingTimeNotFound']}</span> <span if.bind="jobDetail.multi_location_array[$index].drivingTime && jobDetail.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-8qG8AO">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":jobDetail.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="jobDetail.multi_location_array[$index].drivingTime && jobDetail.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page36-xZakWa">${jobDetail.multi_location_array[$index].drivingTime.inHours} ${(jobDetail.multi_location_array[$index].drivingTime.inHours == 1)?'hour':'hours'}</span> <span if.bind="jobDetail.multi_location_array[$index].drivingTime && jobDetail.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page36-HhFQHp">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":jobDetail.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="jobDetail.multi_location_array[$index].drivingTime && jobDetail.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page36-zoXrfw"> ${jobDetail.multi_location_array[$index].drivingTime.inMinutes} ${(jobDetail.multi_location_array[$index].drivingTime.inMinutes == 1)?'minute':'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-category-popup" if.bind="showMultiCategory && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" role="dialog" aria-modal="true" data-ph-id="ph-page-element-page36-CkwFBX"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page36-BmgxdF"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-MT0Kfz"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-LKEt6r"> <button class="close ph-a11y-close-multi-category" click.delegate="closeMultiCategoryModal()" aria-label="Close popup" key-aria-label="ph-job-details-v1-job-fields-wt84jaw-N7O47J" instance-id="abT2Xm-oQUzCR" data-ph-id="ph-page-element-page36-Rb6pl4"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-4cqTEM"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-mbK0Gy"> <div class="job-heading" role="heading" aria-level="1" key-role="ph-job-details-v1-job-fields-wt84jaw-4q0FOS" key-aria-level="ph-job-details-v1-job-fields-wt84jaw-3wwQlj" instance-id="abT2Xm-hkvFsF" data-ph-id="ph-page-element-page36-PREpoH"> ${jobDetail.title} </div> <div class="job-category-count" data-ph-id="ph-page-element-page36-2qaa1o"> ${widgetBundle['jobCategoryCount'] | pht:{"categoryCount":jobDetail.multi_category.length}} </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-pJ6qFy"> <ul class="category-list" ph-role="data.bind:jobDetail.multi_category" data-ph-id="ph-page-element-page36-gpTlDp"> <li class="each-category" repeat.for="eachCategory of jobDetail.multi_category" data-ph-id="ph-page-element-page36-CzrIpj"> <span data-ph-id="ph-page-element-page36-uMoX1f"> <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-page36-vCHSIE"></i> </span> <span data-ph-id="ph-page-element-page36-cTKkGR"> ${eachCategory.category} </span> </li> </ul> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-4vxsjaw-job-nav"> <div class="phs-job-nav top" data-ph-at-id="job-nav-top" show.bind="showBackToSearchResults || nextAndPrevJobDetails.prevJob || nextAndPrevJobDetails.nextJob" data-ph-id="ph-page-element-page36-7zMZgZ"> <a ph-tevent="back_to_search_results_click" href.bind="btsUrl" class="phs-back-search-results" show.bind="showBackToSearchResults" tabindex="0" key-title="ph-job-details-v1-job-nav-4vxsjaw-vuRHZ1" title="" click.delegate="btsClick()" data-ph-at-id="back-to-search-results-link" data-ph-id="ph-page-element-page36-cRijOJ"> <i class="icon icon-left-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-KG0Kf9"></i> <span data-ph-id="ph-page-element-page36-Mc9wfe"> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-EdTI1F" data-ph-at-id="back-to-search-results-text" data-ph-id="ph-page-element-page36-KR5KWk"> Back to search results </ppc-content></span> </a> <div class="phs-next-previous" show.bind="nextAndPrevJobDetails.prevJob || nextAndPrevJobDetails.nextJob" data-ph-id="ph-page-element-page36-1ZkggD"> <a href.bind="getUrl(linkEle2, 'job', nextAndPrevJobDetails.prevJob)" ph-tevent="previous_job_click" ref="linkEle2" show.bind="nextAndPrevJobDetails.prevJob" class="phs-job-previous" aria-label="Previous Job" key-aria-label="ph-job-details-v1-job-nav-4vxsjaw-yBQTpj" title="" key-title="ph-job-details-v1-job-nav-4vxsjaw-ipgQK8" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" data-ph-tevent-attr-trait14="${jobDetail.category}" data-ph-at-id="previous-link" data-ph-id="ph-page-element-page36-Co7urR"> <i class="icon icon-left-arrow" data-ph-id="ph-page-element-page36-GHGQGt"></i> <span data-ph-id="ph-page-element-page36-MM2U95"> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-DXEqlW" data-ph-at-id="previous-text" data-ph-id="ph-page-element-page36-u9CROv"> Previous job </ppc-content></span> </a> <a href.bind="getUrl(linkEle3, 'job', nextAndPrevJobDetails.nextJob)" ph-tevent="next_job_click" ref="linkEle3" show.bind="nextAndPrevJobDetails.nextJob" class="phs-job-next" aria-label="Next job" key-aria-label="ph-job-details-v1-job-nav-4vxsjaw-jZtOx9" title="" key-title="ph-job-details-v1-job-nav-4vxsjaw-FpNgc3" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" data-ph-tevent-attr-trait14="${jobDetail.category}" data-ph-at-id="next-link" data-ph-id="ph-page-element-page36-iJtY5N"> <span data-ph-id="ph-page-element-page36-MI6kBw"> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-vpbTqy" data-ph-at-id="next-text" data-ph-id="ph-page-element-page36-Uy704d"> Next job </ppc-content></span> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page36-JvzRIs"></i> </a> </div> </div> <section class="job-description" data-ph-id="ph-page-element-page36-jVxY68"> <div class="job-description-heading" data-ph-id="ph-page-element-page36-1O13cz"> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-UI7ntk" data-ph-at-id="jobdescription-heading-text" data-ph-id="ph-page-element-page36-lZThdQ"> JOB DESCRIPTION </ppc-content> </div> <div class="jd-info" innerhtml="${jobDetail.description | sanitizeHTML}" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page36-jzR42p"> </div> </section> <section class="ph-widget-dummy ph-dummy-widget" instance-id="9fRh6y" type="static" data-ph-id="ph-page-element-page36-BS6FC5"></section> <section class="ph-widget" instance-id="6dRh6y" data-ph-id="ph-page-element-page36-a0S31M"> <div as-element="ph-job-details-v1" view="job-location-map-view1-1650540820251" class="ph-job-details-v1-job-location-map-view1-default ph-widget-target" data-widget="ph-job-details-v1" instance-id="6dRh6y" current-job-object.bind="jobDetail" original-view="job-location-map-view1" data-ph-id="ph-page-element-page36-1RdQ7g"></div> </section> <div class="divider-holder" data-ph-id="ph-page-element-page36-tlm4Fn"></div> <div class="bottom-jobaction" data-ph-id="ph-page-element-page36-9bZWwI"> <a ph-tevent="apply_click" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" data-ph-tevent-attr-trait14="${jobDetail.category}" ph-href="${jobDetail.externalApply ? applyUrl(jobDetail.applyUrl) : applyUrl('apply?jobSeqNo='+jobDetail.jobSeqNo)}" target="${jobDetail.externalApply ? '_blank' : '_self'}" class="btn primary-button" role="button" key-role="ph-job-details-v1-job-nav-4vxsjaw-akim57" title="Apply Now" key-title="ph-job-details-v1-job-nav-4vxsjaw-JxHtKj" data-ph-at-id="apply-link" data-ph-at-job-seqno-text="${jobDetail.jobSeqNo}" data-ph-id="ph-page-element-page36-SAo4lZ"> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-8Lsfkr" data-ph-at-id="apply-text" data-ph-id="ph-page-element-page36-zbo0ij"> Apply Now </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page36-xlw5tp"></i> </a> <div class="savejob-checkbox" data-ph-at-id="jd-page-add-job-cart" data-ph-id="ph-page-element-page36-EEC4cX"> <label for="save-2-${jobDetail.jobSeqNo}" class="${jobDetail.inProgress ? 'disabled':''}" data-ph-id="ph-page-element-page36-ApsYj5"> <input type="checkbox" id="save-2b-${jobDetail.jobSeqNo}" checked.bind="jobDetail.isJobSaved" change.delegate="handleSaveJob(jobDetail)" aria-label="Save ${jobDetail.title} to job cart" key-aria-label="ph-job-details-v1-job-nav-4vxsjaw-EDDf7c" aria-checked="${jobDetail.isJobSaved ? 'true' : 'false'}" role="checkbox" key-role="ph-job-details-v1-job-nav-4vxsjaw-Kv4Wrn" data-ph-at-id="save-link" data-ph-id="ph-page-element-page36-6UWE5u"> <span class="label-content btn" if.bind="jobDetail.isJobSaved === false" aria-hidden="true" data-ph-id="ph-page-element-page36-PBKWKz"> <i class="icon icon-star-empty" aria-hidden="true" data-ph-id="ph-page-element-page36-XVIPgo"></i> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-fYYnzf" aria-hidden="true" data-ph-at-id="save-text" data-ph-id="ph-page-element-page36-gUaVRA"> Save </ppc-content> </span> <span class="label-content btn" if.bind="jobDetail.isJobSaved === true" aria-hidden="true" data-ph-id="ph-page-element-page36-M176ax"> <i class="icon icon-star" aria-hidden="true" data-ph-id="ph-page-element-page36-LDbCQ5"></i> <ppc-content key="ph-job-details-v1-job-nav-4vxsjaw-N9KrVQ" aria-hidden="true" data-ph-at-id="save-text" data-ph-id="ph-page-element-page36-fkkP8I"> Saved </ppc-content> </span> </input></label> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-job-details-v1-job-location-map-view1-1650540820251"><section class="ph-widget" show-on-revisit="true" show-on-personalized="true" data-ph-id="ph-page-element-page36-bJWFrk" view="1650540820241-default" original-view="default" theme="theme1"> <div as-element="ph-location-map-v1" class="ph-location-map-v1-default-theme1 ph-widget-target" theme="theme1" data-widget="ph-location-map-v1" is-popup.bind="true" map-data.bind="mapUtilityObject" provider="mapbox" current-job-object.bind="jobDetail" view="1650540820241-default" original-view="default" instance-id="" data-ph-id="ph-page-element-page36-pI6Bzj"></div> </section></script><script type="text/x-ph-tmpl" id="ph-location-map-v1-1650540820241-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page36-zBVGk2"> <button class="btn primary-button ph-a11y-map-button" if.bind="isPopup" click.delegate="toggleMap()" data-ph-id="ph-page-element-page36-a5cJ38"><i class="icon ${widgetBundle['locIconText']}" data-ph-id="ph-page-element-page36-E1u8gf"></i><span data-ph-id="ph-page-element-page36-8ad6ld">${widgetBundle['locBtnText']}</span></button> <div class="widget-container ph-ally-map-box ${(isPopup==true)?'dialog-block':''}" show.bind="(showMap && isPopup) || !isPopup" data-ph-id="ph-page-element-page36-yXuuQI"> <div class="content-block" if.bind="mapData.multi_location && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page36-M5SI13"> <a class="close ph-a11y-close-btn" href="javascript:void(0)" if.bind="isPopup" click.delegate="closeLocationDialog()" tabindex="0" role="button" data-ph-id="ph-page-element-page36-z194rn"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-d0TmVH"></i> <span class="sr-only" key="ph-location-map-v1-default--65mfdx" data-ph-id="ph-page-element-page36-aAm05E"> Close the popup </span> </a> <div class="hide" id="ph-pin-info-window" data-ph-id="ph-page-element-page36-A6CKGV"> <div class="info-box" data-ph-id="ph-page-element-page36-eKlZEr"> <div tkey="pinInfoAddressLine1" tkeys="1" data-ph-id="ph-page-element-page36-k2ZD9n"> </div> <div tkey="pinInfoAddressLine2" tkeys="1" data-ph-id="ph-page-element-page36-b8sg63"> </div> <div tkey="pinInfoAddressLine3" tkeys="1" data-ph-id="ph-page-element-page36-B4d0K9"> </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-UY9D8A"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-9f5Mt5"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page36-jGUy6l"> <ppc-content key="ph-location-map-v1-default--RyoqhJ" data-ph-at-id="title-text" data-ph-id="ph-page-element-page36-TuSDgM"> Our Locations </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page36-8zOYYG"> <ppc-content key="ph-location-map-v1-default--vKIFs2" data-ph-at-id="sub-title-text" data-ph-id="ph-page-element-page36-j3DRTv"> 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 id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page36-YQl3Su"></div> <div id="map" class="location-map-area" data-ph-id="ph-page-element-page36-P7kJ3E"></div> </div> </div> <div class="content-block" if.bind="searchArray.length && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page36-zprrUI"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-iLmbdm"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page36-umXZng"> <ppc-content key="ph-location-map-v1-default--dZHpga" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-2FpgvW"> Our Locations </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page36-DWrZEN"> <ppc-content key="ph-location-map-v1-default--xe6BWV" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-l3zHqj"> 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="hide" style="display:none;" id="ph-pin-info-window" data-ph-id="ph-page-element-page36-3k2tkI"> <div class="infoBlock" data-ph-id="ph-page-element-page36-1b4Pq2"> <div class="info-details" data-ph-id="ph-page-element-page36-Mf2460"> <h5 tkey="pinInfoTitle" tkeys="1" class="infoTitle" data-ph-id="ph-page-element-page36-XGUgy8"> View {{location}} has {{count}} opportunities </h5> <div tkey="pinInfoState" tkeys="1" class="infoState" data-ph-id="ph-page-element-page36-akfkjr"> </div> </div> <div class="job-link" data-ph-id="ph-page-element-page36-iYbGnB"> <a tkey-href="pinLink" tkey="pinkLinkText" tkeys="1" class="phs-location-link" data-ph-id="ph-page-element-page36-h0X8do"> </a> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page36-WGV6Xb"></i> </div> </div> </div> <div class="hide" style="display:none;" id="ph-cluster-info-window" data-ph-id="ph-page-element-page36-MObBT6"> </div> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page36-SZHdcQ"></div> <div class="phs-location-overview-map-area ph-widget-box" show.bind="!showLoader && !showErrorMsg" data-ph-id="ph-page-element-page36-Ha5Cp1"> <div class="inputArea ph-a11y-dropdown-box" if.bind="!mapboxGeoSearch" role="search" aria-owns="location-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-page36-xNzIQ5"> <label class="sr-only" for="location-selector" data-ph-id="ph-page-element-page36-SvKEFz"> ${widgetBundle['locationTitleText'] | pht} </label> <input class="form-control locations" type="text" name="location-listbox" id="location-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="location-listbox" value.bind="filterKey" focus.trigger="fetchJobLocations()" title.bind="widgetBundle['locationTitleText'] | pht" placeholder.bind="widgetBundle['searchPlaceHolderText'] | pht" data-ph-id="ph-page-element-page36-9ZWilr"> <span class="icon icon-search form-control-feedback keyword-icon" aria-hidden="true" show.bind="!filterKey" data-ph-id="ph-page-element-page36-vi9kpV"></span> <!--<a style="cursor: pointer;" click.delegate="resetCluster()">Clear</a>--> <button class="form-control-feedback phs-keysearch-clear location-clear-icon" data-ph-at-id="clear-locationsearch-link" click.delegate="resetCluster()" show.bind="filterKey" data-ph-id="ph-page-element-page36-qQ4irz"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-Cn4tfK"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-LBeENc"> <ppc-content key="ph-location-map-v1-default--mj6e6O" data-ph-at-id="clear-eventsearch-text" data-ph-id="ph-page-element-page36-2iiNNP"> clear text </ppc-content> </span> </button> <ul show.bind="showLocationDropdown" id="location-listbox" role="listbox" aria-labelledby="location-listbox" tabindex="-1" aria-expanded="${showLocationDropdown ? 'true' : 'false'}" class="on-focus ph-location-list" data-ph-id="ph-page-element-page36-5G678f"> <li class="ph-a11y-dropdown-list-item" repeat.for="loc of mapData|searchFilter:filterKey:'key'" role="option" data-ph-id="ph-page-element-page36-KQ8CIo"> <a style="cursor: pointer;" tabindex="-1" href="javascript:void(0);" click.delegate="gotoMarker(loc)" focus.trigger="fetchJobLocations(true)" blur.trigger="blurHandler($event, true)" data-ph-id="ph-page-element-page36-hyPftd"> <div class="icon-block" data-ph-id="ph-page-element-page36-xPlHM2"> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page36-eaxY1X"></i> </div> <div class="location-data" data-ph-id="ph-page-element-page36-g64ODj"> ${(loc.key || '').trim()} </div> </a> </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-UqcqqR"> <div class="sr-only" show.bind="mapData.length" data-ph-id="ph-page-element-page36-Zqe6AE"> ${mapData.length} suggestions available, navigate to the list to select suggestion. </div> <div class="location-no-data" show.bind="!mapData.length" data-ph-id="ph-page-element-page36-t7Ak8n"> No Result Found </div> </div> </input></div> <div id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page36-b8V6Ju"></div> <div id="map" class="map" data-ph-id="ph-page-element-page36-UTWJqR"></div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg || isIEBrowser" data-ph-id="ph-page-element-page36-GUfBWu"> <div class="ie-support-text ${isIEBrowser ? 'inIE' : 'hide' }" show.bind="isIEBrowser" key="ph-location-map-v1-default--TzsNt3" data-ph-id="ph-page-element-page36-P0h729">This feature is not supported on internet explorer, please use a modern browser</div> <div tabindex="0" class="no-locations" if.bind="!isIEBrowser" data-ph-id="ph-page-element-page36-fO2VIQ"> <ppc-content key="ph-location-map-v1-default--imCeuc" data-ph-id="ph-page-element-page36-sY3i2W"> No locations found </ppc-content> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1663475840820"><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-Fjnkfj-k0JPBQ" aria-label="cookies message" key-aria-label="ph-cookie-popup-v2-default-Fjnkfj-Cc9tEM" if.bind="showCookiePopup" data-ph-id="ph-page-element-page36-3MCvb9"> <div class="container" data-ph-id="ph-page-element-page36-Uxtv8L"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page36-F10Zfe"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-LysSUJ" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page36-Czz7BL"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page36-msSqez"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="ph-cookie-popup-v2-default-Fjnkfj-k65fQe" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="ph-cookie-popup-v2-default-Fjnkfj-YMjutP" data-ph-id="ph-page-element-page36-cNdyTK" phae="ph-cookie-popup-v2" phae-type="click" phae-main="1"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-RQuVXi" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page36-mP7xPg"> 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="2" data-ph-id="ph-page-element-page36-Fu6tBs"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page36-WvqAW7"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-L2LZRu" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page36-csm3R2"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page36-Z1eoCd"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page36-zURdIo"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-H7xSLQ" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page36-5FfLvZ"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page36-I6rqXE"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page36-N9enBz"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page36-CZgrGQ"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page36-467fhO"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-aD2vcD" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page36-INTGFJ"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page36-LD0yot"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page36-HdWoR2"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page36-I1iViR"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-eHH3vL" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page36-F97kam"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-popupview1-1663478860951"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page36-BVgHZs"> </div> <div class="widget-block-area" role="region" key-role="ph-find-your-fit-container-v1-popupview1-ixi5jaw-kR0fJp" aria-label="Upload profile" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Zi81Zz" data-ph-id="ph-page-element-page36-lnIfyV" data-pre-render=""> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page36-nbtIzA"></div> <div class="content-block upload-resume-block ph-popup-area ph-widget-box" show.bind="((currentStep == 'chooseStep') || isDialogOpen)" data-ph-id="ph-page-element-page36-2d1O7o" phae-ally="aria-hidden#false"> <div class="upload-resume-tile" show.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page36-1QBrYI"> <div class="widget-container" data-ph-id="ph-page-element-page36-uqbEGY"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page36-s7CWFV"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page36-MScCiR"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-8wT94v"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-DbuYSm" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-4gQn5u"> Get tailored job recommendations based on your interests. </ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page36-jNNwlb"> <button class="upload-action-btn btn primary-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('popup')" aria-label="Get started to tailored job recommendations based on your interests" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-tPtk3i" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page36-qSEYeB" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-rgRXZx" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page36-zrhrpk"> Get Started </ppc-content> </button> </div> </div> </div> </div> </div> <!-- Upload resume dropzone area --> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-page-element-page36-TY4ddw"> <div class="widget-container" data-ph-id="ph-page-element-page36-QbDNmZ"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page36-g2Iqae"> <div class="user-info fs-block" data-ph-at-id="profile-info-block" if.bind="!isJobFitEnabled" data-ph-id="ph-page-element-page36-MEpfSI"> <div class="user-profile-icon" data-ph-id="ph-page-element-page36-RpBdt2"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page36-qULcJA"> <i aria-hidden="true" class="icon icon-user-1" data-ph-id="ph-page-element-page36-qJyLYm"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-yiUSEJ"> <span key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-mOhMAd" data-ph-id="ph-page-element-page36-ZaXLtJ"> profile icon </span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName && profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" aria-hidden="true" data-ph-id="ph-page-element-page36-eN62wW">${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)}</span> </div> </div> <div if.bind="showFitData && !showMatchScoreButton && isJobFitEnabled" data-ph-id="ph-page-element-page36-WlUE44"> <div class="fit-score-area fs-block" if.bind="fitLevel && jobSeqNo" data-ph-id="ph-page-element-page36-NmJ0X0"> <div class="salutation-text" data-ph-id="ph-page-element-page36-CvJXz8"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-Q0wurG"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Ut69zD" data-ph-id="ph-page-element-page36-2pQbkP"> Hi ${profileData.firstName ? profileData.firstName : 'User'}, you've got a </ppc-content> </h2> </div> <div if.bind="jobFits && fitData && fitLevel" class="job-match-area style-1" data-ph-id="ph-page-element-page36-X7gMP1"> <span fitscore.bind="fit = enabledFits[fitLevel]" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-zkCZwb"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-Nas6pF"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-zDrwrH">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div if.bind="!fitLevel && jobSeqNo" data-ph-id="ph-page-element-page36-J2umcc"> <div class="no-match-score-text" data-ph-id="ph-page-element-page36-E8jx7w"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-Gd5XTl"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-llmHXe" data-ph-id="ph-page-element-page36-WgYuui"> Match score for this job is unavailable at this moment </ppc-content> </h2> </div> </div> </div> <div class="action-area action-btn ${isJobFitEnabled ? 'job-fit' : ''}" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && !showMatchScoreButton" data-ph-id="ph-page-element-page36-KcqrtN"> <div class="action-area-block ${isJobFitEnabled ? 'job-fit' : ''}" data-ph-id="ph-page-element-page36-q8ZTC8"> <div if.bind="flowType == 'upload_resume'" data-ph-id="ph-page-element-page36-JJTp3A"> <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-popupview1-ixi5jaw-cp43X9" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page36-1ohdcW"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page36-aXQZfG"> <i aria-hidden="true" class="icon icon-error" data-ph-id="ph-page-element-page36-M7bZhr"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page36-Z6Al9B"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page36-Z6Sone"></i> </span> <!-- <span if.bind="profileData.resumeName" class="resume-name">${profileData.resumeName}</span> <span if.bind="!profileData.resumeName" key="defaultResumeFileName" class="resume-name">resume</span> --> <span class="resume-name" if.bind="false" data-ph-id="ph-page-element-page36-6WIyPR"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-UTD7eu" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page36-LFsMEP"> <span data-ph-id="ph-page-element-page36-ibwXbr">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </ppc-content> </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page36-dDqcpa"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i aria-hidden="true" class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" data-ph-id="ph-page-element-page36-QWSH2Y"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page36-QFX6a7"> <ul data-ph-id="ph-page-element-page36-cO1o7x"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page36-mXMXhN"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-NPXHac" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page36-dU86jB"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page36-1N7sj6"> <i aria-hidden="true" class="icon icon-error" data-ph-id="ph-page-element-page36-zBZwBZ"></i> </span> <span class="button-text" data-ph-id="ph-page-element-page36-dz2KKe"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-MGoAqH" data-ph-id="ph-page-element-page36-BRldXR"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page36-yKnBWK"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page36-xah97N"> <span class="action-icon" data-ph-id="ph-page-element-page36-GRzB6D"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page36-XNkXDa"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page36-cd9dqE"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page36-IgUogW"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page36-btZEEP" view="1663478860635-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="1663478860635-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="re-upload" instance-id="" data-ph-id="ph-page-element-page36-w1nFjX"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page36-1xHRWI"> <button id="ph-dropzone" class="upload-btn" aria-label=" Use new resume " ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-slt7t6" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page36-OzjUQQ"> <span class="action-icon" data-ph-id="ph-page-element-page36-YH18VB"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page36-YGc5Rb"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-slt7t6" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page36-YbrwlZ"> Use new resume </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page36-I2Y7Wk"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page36-1Lfbrs"> <span class="action-icon" data-ph-id="ph-page-element-page36-4agWOB"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page36-XL84Fi"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page36-mWA5pL"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page36-JoK8eq"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page36-zLsqpq"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page36-FIBo9p"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page36-kb94wf"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-7XWzwN" data-ph-id="ph-page-element-page36-blhHzp"> 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-popupview1-ixi5jaw-QJ9Ew6" data-ph-id="ph-page-element-page36-mQEbTZ"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-6TtkYH" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page36-wFQ2dI"> Log out </ppc-content> </a> </div> </div> <div if.bind="flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile')" data-ph-id="ph-page-element-page36-CiWfZU"> <div class="action-area-block" data-ph-id="ph-page-element-page36-PP8jBx"> <button class="questions-btn btn default-button ${isJobFitEnabled ? 'job-fit' : ''} ph-a11y-edit-profile ${isSocialLogin?'':'reset-btn-padding'}" click.delegate="handleFindYourFit('editProfile')" aria-label=" Edit profile " key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-cZixBv" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page36-MuODlF"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-cZixBv" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page36-7DKX5b"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page36-yQNUSL"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label=" Reset Personalization " key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-qr3HZY" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page36-DvJIvz"> <i aria-hidden="true" class="icon icon-reset-1" data-ph-id="ph-page-element-page36-dq9zbx"></i> <span data-ph-id="ph-page-element-page36-EhN0Ej"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-qr3HZY" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page36-wPeChf"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page36-khYMXE"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page36-x2HxTf"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page36-dz37fc"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page36-GnShSh"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-7XWzwN" data-ph-id="ph-page-element-page36-n64qU3"> 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-popupview1-ixi5jaw-QJ9Ew6" data-ph-id="ph-page-element-page36-0Rjx8b"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-6TtkYH" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page36-Uxhc39"> Log out </ppc-content> </a> </div> </div> </div> </div> <div if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page36-WE2dpE"> <a class="questions-btn btn default-button ${isJobFitEnabled ? 'job-fit' : ''} ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="click here to edit find your fit profile" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-WkrWnf" data-ph-id="ph-page-element-page36-l4uGLt"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-8Ro65P" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page36-ZZ1Nfw">Edit profile</ppc-content> </a> </div> </div> </div> <div class="action-area action-btn ${isJobFitEnabled ? 'job-fit' : ''}" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && showMatchScoreButton && jobSeqNo && isJobFitEnabled" data-ph-id="ph-page-element-page36-eRXQeT"> <div class="match-score-text" data-ph-at-id="match-score-info" data-ph-id="ph-page-element-page36-ZLRpWI"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-uXvZLb"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-i1peQe" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-PXGVHz">Find out how well you match this job</ppc-content> </h2> </div> <div class="action-area-block ${isJobFitEnabled ? 'job-fit' : ''}" data-ph-id="ph-page-element-page36-DJoMOk"> <button class="upload-action-btn btn default-button ${isJobFitEnabled ? 'job-fit' : ''} ph-a11y-candidate-edit-profile" aria-label="click here to edit find your fit profile" click.delegate="showMatchScoreButton = !showMatchScoreButton" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-WkrWnf" data-ph-id="ph-page-element-page36-biNEjy"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Iv7jKD" data-ph-id="ph-page-element-page36-6eUgwP">See how you match</ppc-content> </button> </div> </div> <div class="action-area action-btn ph-ai11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page36-IC4zP9"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('popup')" aria-label=" Get Started " key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-rgRXZx" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page36-xnVKNl"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-rgRXZx" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page36-urW6B0"> Get Started </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page36-AqO8kh"> <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-page36-x7hKPA"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page36-tORoHs"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page36-RpiB4c"> <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-page36-KRS0AW"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page36-bCngN0"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page36-vE4ncg"> <h2 class="heading-block" data-ph-id="ph-page-element-page36-ZlpHBu"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-kYboag" data-ph-id="ph-page-element-page36-gQ81iH"> Upload Resume </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page36-vz4GwP"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-LXBbhD" data-ph-id="ph-page-element-page36-3XVoVV"> In order to process your resume and provide job recommendations, you must approve our data protection policy. </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page36-TPR9yf"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page36-pXtvNO"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page36-4WmvHx"> <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-popupview1-ixi5jaw-k9bxJt" aria-required="true" data-ph-id="ph-page-element-page36-ubl2KS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-MXECgO"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-pEt9Fw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-QTcZcS"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-NOTO4s" data-ph-id="ph-page-element-page36-lhGQtl" language-overriden="true">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy/" data-ph-id="ph-page-element-page36-N7RFbF"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-page-element-page36-7snSbp">terms of use</a></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page36-jsufle"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-NOTO4s" data-ph-id="ph-page-element-page36-bDWplY" language-overriden="true">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy/" data-ph-id="ph-page-element-page36-N7RFbF"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-page-element-page36-7snSbp">terms of use</a></ppc-content> </span> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page36-LtTOU7"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-wBI65v" data-ph-id="ph-page-element-page36-2km8iD"> Please accept terms of use and policy. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page36-NtUTwt"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page36-WojWNK"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-l1wqhI" data-ph-id="ph-page-element-page36-Xn3clD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-nFqNeQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-fxNLUc"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-U6VD9B"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-lHiXpX" data-ph-id="ph-page-element-page36-giRdf0">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page36-ThzvyR"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page36-FWcHXI"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcontpopup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcontpopup' : '' }" 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-page36-IzX2Qn"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-H1PedM"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-maIVLJ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-HG3QlX"> <span id="${'checkbox-label-fyfcontpopup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page36-5W3y1h"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page36-L0oTju">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-ROXVok"> <span class="pii-consent-error" id="consent-error-fyfcontpopup" if.bind="piiConsentError" data-ph-id="ph-page-element-page36-rRaXOU"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" ph-tevent="pii-consent-submit" click.delegate="!isDisabled || acceptTerms ? submitResume() : false " data-ph-id="ph-page-element-page36-knV061"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-okhjOu" data-ph-id="ph-page-element-page36-U1wfgM"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page36-wDiF3e"> <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-page36-eBWzq9"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page36-SbPisw"> <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-page36-G1sIGH"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page36-1IWpSw"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page36-bjeOnW"> <!-- 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-page36-Du21AW"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page36-XR26Bg"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-t5uWYT"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-i83xyI"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page36-Zv2J1M"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page36-zubNDM"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page36-w3nheV"> <div data-ph-id="ph-page-element-page36-WFVT42"> <label for="preferredName" data-ph-id="ph-page-element-page36-6uJTqc"> <span class="sr-only" data-ph-id="ph-page-element-page36-B2vKOL"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-HM5v3v"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page36-M8zM0e"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page36-As1dDg"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-BPqBuK"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-page-element-page36-xKmDdB"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page36-THbk3I"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page36-QOJbNW"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page36-rCzN5b"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-page-element-page36-MIXTVx"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-KsTK45"> <div data-ph-id="ph-page-element-page36-RLTepk"> <label for="name" data-ph-id="ph-page-element-page36-ghmQhd"> <span class="sr-only" data-ph-id="ph-page-element-page36-hYHQF4"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-RWVNRQ"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page36-l4usgJ"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page36-UMZFjm"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-kBm3ZQ"> <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-page36-rEHF6C"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page36-5hEaOi"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page36-90QDEg"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page36-JtIjQz"> ${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-page36-1TbcpP"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-98kOpp"> <div data-ph-id="ph-page-element-page36-E53jE4"> <label for="email" data-ph-id="ph-page-element-page36-bV38XX"> <span class="sr-only" data-ph-id="ph-page-element-page36-pSDO6i"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-7a4XmR"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page36-s4XR5O"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page36-hng6e0"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-azagsT"> <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-page36-Hs0Jmm"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page36-5HwAMx"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page36-Amo08P"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page36-HO1qv5"> ${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-page36-VoI5ZF"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page36-YltTPR"> ${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-page36-jM8ybk"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-4DIQBy"> <div data-ph-id="ph-page-element-page36-5uwuV5"> <label for="phone" data-ph-id="ph-page-element-page36-TrWwdX"> <span class="sr-only" data-ph-id="ph-page-element-page36-y758Dh"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-QQ5lfd"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page36-1mU9cW"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-SayfzM"> <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-page36-56Qg2U"> <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-page36-7OsHQZ"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page36-vqo0nk"> ${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-page36-NPif0T"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page36-MfV1n9"> <div data-ph-id="ph-page-element-page36-1Icgxm"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page36-tcMk9U"> <span data-ph-id="ph-page-element-page36-Uwv1Ha"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page36-ZdzaVP"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page36-xJLKLc"> <span data-ph-id="ph-page-element-page36-H4Rn9K"> ${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-page36-ZeL0Q5"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page36-W3mlOz"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-e9v3J5"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-HSp9W6"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page36-l2Yp9U"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-nBdUER"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page36-wbDIQS"> <div data-ph-id="ph-page-element-page36-2IXNV1"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page36-ozOGsi"> <span data-ph-id="ph-page-element-page36-v1Maru"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page36-YSHc9T"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page36-tyBFDD"> <span data-ph-id="ph-page-element-page36-Tkm1cP"> ${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-page36-PlETwl"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page36-uY603U"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-lAX2v6"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page36-fH4cid"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page36-fPyZsi"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page36-tEwu3h"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page36-HT8vkB"> <div class="input-group" data-ph-id="ph-page-element-page36-DMk2eQ"> <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-page36-K00MCT" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page36-B3hVFM"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page36-VgB8vc"> <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-page36-gt8vv6"> </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-page36-GKHrNn"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-LnMsNy"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page36-3g3vq6"> <span data-ph-id="ph-page-element-page36-0zG5ck"> ${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-page36-NMLDZY"> ${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-page36-Bi0c6Q"> <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-page36-KroMpB"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page36-9sXrrl"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page36-nOYdJ0"> ${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-page36-swMztW"> <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-page36-6vVYwZ"> ${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-page36-bJNzMv"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page36-u4r8Wh"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page36-yIdkaI"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page36-qMyyyu"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-VByyy5"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page36-lsIJbP"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page36-u2WiyZ"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page36-Oo7JMx"> <div class="input-group" data-ph-id="ph-page-element-page36-VY1ES9"> <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-page36-8URLOA" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page36-UaVjY5"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page36-Xzmyr2"> <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-page36-Jbxa1W"> </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-page36-421bdw"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-o6md8q"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page36-alcdgY"> <span data-ph-id="ph-page-element-page36-5gpNuZ"> ${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-page36-PA410y"> ${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-page36-IDA6D0"> <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-page36-HYzNFg"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page36-7Uj8F2"> <h3 class="skills-heading" data-ph-id="ph-page-element-page36-665WuY"> ${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" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page36-Bwo3xF"> <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-page36-iNAQJh"> ${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-page36-nAk0ME"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page36-o6vA3m"></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-page36-TZep5u"> <div data-ph-id="ph-page-element-page36-zRNBYN"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page36-NSguGe"> ${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-page36-kVRrxi"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page36-aVFu79"> <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-page36-zCAgIX"> <span data-ph-id="ph-page-element-page36-gS9vkO">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page36-o67yVk"></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-page36-9pBUFj"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page36-3y7mVg"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-EnGJjZ"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page36-EsU5BZ"> ${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-page36-eRh6g6"> <legend class="sr-only" data-ph-id="ph-page-element-page36-S5FtsZ"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page36-Y3NKRo"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page36-YxvbU1"> <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-page36-SSeAhi" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page36-DR2OV0"> <span data-ph-id="ph-page-element-page36-4ygqYX">${exp.displayName} </span> <span data-ph-id="ph-page-element-page36-DCPhgg"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page36-wWvxFx"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page36-eZC1km"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page36-C0hj5y"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page36-dqE74Q"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page36-0ydFv4"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page36-KywwvF"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page36-ersnu4"> <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-page36-el1rfh" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page36-eSbBM9"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page36-GjVTdB"> <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-page36-jkmGqk"> </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-page36-agDXHe"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-rf7hnI"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page36-JM59iU"> <span data-ph-id="ph-page-element-page36-ns1N1b"> ${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-page36-pjGK48"> ${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-page36-HXWCNx"> <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-page36-XGDw9O"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page36-PIghfk"> <h3 class="location-heading" data-ph-id="ph-page-element-page36-wnd6Fs"> ${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-page36-vRvr4K"> <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-page36-loaRtV"> ${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-page36-8FG4dQ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page36-dLfl40"></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-page36-QpHrfo"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page36-Z8h3Ef"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page36-Nxu9L7"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page36-f8f5XS"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page36-PiCzrn"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page36-be1RBt"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page36-07ZCif"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page36-LN3JG3"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page36-TgjM4X"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-M7bLgl"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page36-1TZofv"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page36-ZsoMDN"> <div class="modal fade in show ph-a11y-modal-area" aria-modal="true" role="dialog" tabindex="-1" show.bind="isDialogOpen" data-ph-id="ph-page-element-page36-bFJJ13"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page36-MeAHm5"> <!--show upload resume and answer question --> <div class="choose-ResumeOrSteps ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem" if.bind="currentStep == 'uploadResume'" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-page-element-page36-zDbo7n"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-V4HOg1" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-ovGgjE"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-fZAZfC"></i> </button> <div class="widget-container" data-ph-id="ph-page-element-page36-3eMei7"> <div class="inner-content" data-ph-id="ph-page-element-page36-k1oO5G"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-ypXOkL"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-xBXGFU" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-7x3gG6"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page36-eRgI0e"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-lji3sG" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-LIMTgY"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page36-CctbC4"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page36-ED0AW3"> <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-page36-EsPBHU"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-TAbLep" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page36-7J1yPR"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page36-iLukzx"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Y293Rr" data-ph-at-id="or-text" data-ph-id="ph-page-element-page36-MUwwqt"> or </ppc-content> </p> </div> <div class="dropzone-area" data-ph-id="ph-page-element-page36-UivDMb"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page36-GPh4q0" view="1663478860635-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-1674816508556" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page36-FfgNGe"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page36-G3xLfZ"> <p class="or-text" data-ph-id="ph-page-element-page36-x44LXz"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Y293Rr" data-ph-at-id="or-text" data-ph-id="ph-page-element-page36-NHhTuT"> 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-page36-2MKIz4"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-TAbLep" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page36-57nttv"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page36-rMg3fG"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page36-d2tE2x"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" aria-label=" Sign me up for company updates " key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-wAJflA" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" data-ph-id="ph-page-element-page36-omwaLK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-rwiYvq"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-BxVVlj"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-I9EajY"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-wAJflA" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page36-7fhYpD"> Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> </div> </div> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page36-oAaEBA"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="resume upload failure popup close" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-il6IhA" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-jPfMDA"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-MrFuE0"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page36-w3NFO4"> <i aria-hidden="true" class="icon icon-sad-file" data-ph-id="ph-page-element-page36-ePskjL"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-LlbS5J" data-ph-id="ph-page-element-page36-S0Le7j">failure icon</span> </div> <div data-ph-id="ph-page-element-page36-iuFfOz"> <h2 class="phs-heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page36-JgYXBJ"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-TVBU3l" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-tJOQ4J"> Oops invalid format... </ppc-content> </h2> <h2 class="phs-heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page36-NYxHYv"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Dv6rJN" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-GQbLZW"> Oops... </ppc-content> </h2> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page36-4qacgf"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-kZkIH9" data-ph-at-id="description-text" data-ph-id="ph-page-element-page36-fyTq6v"> 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-page36-gUQ8wt"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page36-ul3wHH"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-zlc5UU" data-ph-at-id="description-text" data-ph-id="ph-page-element-page36-efRfcZ"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page36-wK2EQg"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-GOxxI7" data-ph-at-id="error-text" data-ph-id="ph-page-element-page36-OfuhHL"> 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-page36-DqpJdK"> <div class="upload-again" data-ph-id="ph-page-element-page36-JpE4pr"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page36-pb9aSf" view="1663478860646-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="1663478860646-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-page36-Gj49JJ"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page36-pej9rM"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page36-9u9kYM"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-WXgMAB" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page36-dZnWUt"> 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-page36-BZLsA9"> <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-popupview1-ixi5jaw-s2dTEK" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-LvxJKt"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-SiCFEq"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page36-9F7C11"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page36-lvYveD"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page36-9UXaJ7"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-sLEJ1E" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page36-uIGE7F"> 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-page36-Y1wnFf"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-qu4gcI" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-O9FfL8"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page36-6CxBbx" /> Please complete the following:<br /> </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page36-JWaY9k"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-bPDbw6" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-CLMS8L"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page36-jMTNWF" /> Please complete the following:<br /> </ppc-content> </h2> <div data-ph-id="ph-page-element-page36-T6nAbI"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-ihr1Cs" data-ph-id="ph-page-element-page36-1dGTL2"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-VSRvsw"> <div data-ph-id="ph-page-element-page36-d1n3iA"> <label for="email" data-ph-id="ph-page-element-page36-klJgJz"> <span key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-6G8Gxb" class="sr-only" data-ph-id="ph-page-element-page36-BLp9gR"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-rb4E63"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-6G8Gxb" data-ph-at-id="email-text" data-ph-id="ph-page-element-page36-uJFAVg"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-SsHC5m"> <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-popupview1-ixi5jaw-g9yqAq" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" data-ph-id="ph-page-element-page36-zmO8Yw"> <span class="error-msg" id="ph-a11y-contact-email-field-error" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page36-b5Vwja"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page36-E5nWQf"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-voi5lc" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page36-YW67cW"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page36-2Pp4wT"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-KEVKuo" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page36-3FLgQb"> Enter a vaild email adress </ppc-content> </span> </span> <i aria-hidden="true" class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" data-ph-id="ph-page-element-page36-lwUDHy"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-CrykHE"> <div data-ph-id="ph-page-element-page36-drCGKb"> <label for="phone-1" data-ph-id="ph-page-element-page36-sRI2Xx"> <span key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-9xVLH2" class="sr-only" data-ph-id="ph-page-element-page36-Zsb0Hs">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page36-kUfOBv"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-H3Qrqd" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page36-Qv08OU"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page36-XNXCEC"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone-1" placeholder="Enter your phone number" key-placeholder="ph-find-your-fit-container-v1-popupview1-ixi5jaw-3tk2I6" 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-page36-DDJvoJ"> <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-page36-7UB0eF"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-6DaUDD" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page36-SrbsAe"> Please enter correct phone number </ppc-content> </span> <i aria-hidden="true" class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" data-ph-id="ph-page-element-page36-4l7dEr"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page36-cuS2sa"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page36-q4v9Kp"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-5T0A8B" data-ph-id="ph-page-element-page36-5BbT9G"> 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-page36-8eZYME"> <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-popupview1-ixi5jaw-xOBAHf" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-sD9sIF"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-Fvf9Ju"></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-page36-aP9taL"> <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-page36-dwAHp8"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page36-HgIZYM"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page36-7Vttnj"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-K22vyl"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-XH2629" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-3tha5y"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page36-fF3ibb" view="1663478860646-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-1674816512300" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page36-xPoC27"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page36-qNUnZs"> <span data-ph-id="ph-page-element-page36-VeufqT"> <i aria-hidden="true" class="icon icon-lock" data-ph-id="ph-page-element-page36-fiHjW2"></i> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-Ql80C2" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page36-PHMMSL"> 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-page36-0nuUPf"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page36-cIHXul"> <div class="failure-img-block" data-ph-id="ph-page-element-page36-mvOAn5"> <i aria-hidden="true" class="icon icon-happy-file" data-ph-id="ph-page-element-page36-cKN2pe"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-cjkABj" data-ph-id="ph-page-element-page36-ETVpRu">success icon</span> </div> <div data-ph-id="ph-page-element-page36-q26NCL"> <h2 class="phs-heading" data-ph-id="ph-page-element-page36-Mcka9c"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-nDfvqp" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page36-q4G5qL"> Great! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page36-UnzcRF"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-BDgoJE" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page36-u20jJO"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page36-k4s2Ok"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-bUMijL" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page36-O1y3Kg">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-page36-BODIb9"> <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-popupview1-ixi5jaw-jIwexW" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-YCY3uc"> <span class="btn primary-button" data-ph-id="ph-page-element-page36-gxl2Lz"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-9EXFeZ" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page36-nCtBO7"> 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-page36-iWXbzI"> <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-popupview1-ixi5jaw-67KJNT" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-bRymBE"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-1a2slP"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page36-eaEzfc"> <i aria-hidden="true" class="icon icon-remove-file" data-ph-id="ph-page-element-page36-WO7keQ"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-4e7SOR" data-ph-id="ph-page-element-page36-snVL9j">reset icon</span> </div> <div data-ph-id="ph-page-element-page36-JFVrGw"> <!-- <h2 class="phs-heading"> <ppc-content key="resumeUploadDeleteHeading" data-ph-at-id="heading-text"> Want to delete me?</ppc-content> </h2> --> <div class="p-text" data-ph-id="ph-page-element-page36-uUUitQ"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-VoS7Ni" data-ph-at-id="description-text" data-ph-id="ph-page-element-page36-8t6tW8"> By resetting personalization <br data-ph-id="ph-page-element-page36-cvcC6B" />you will lose your personalized job recommendations<br /> </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page36-T7yva8"> <div class="delete-link" data-ph-id="ph-page-element-page36-vhQSNx"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-amjm1p" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page36-ZkfWpt"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ixi5jaw-muq8L5" data-ph-id="ph-page-element-page36-xzb0WQ"> Reset </ppc-content> </button> </div> </div> </div> </div> <!-- Find your fit --> <div if.bind="isFyfEnabled" class="ph-find-your-fit-v1-container" data-ph-id="ph-page-element-page36-CGr9j0"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup('find_your_fit')" aria-label="find your fit popup close" key-aria-label="ph-find-your-fit-container-v1-popupview1-ixi5jaw-fJbLiw" data-ph-at-id="close-link" data-ph-id="ph-page-element-page36-yhh3Tg"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page36-Is21gI"></i> </button> <section class="ph-widget" instance-id="6ty93d" data-ph-id="ph-page-element-page36-3PWVvD" view="1663478860658-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-a11y-after-close-focus-elem ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93d" data-widget="ph-find-your-fit-v1" view="default-1674816519742" original-view="default" data-ph-id="ph-page-element-page36-vPErCz"></div> </section> </div> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" class="phcriticalhide" data-ph-id="ph-page-element-page36-0Aq4dz"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page36-qrZrzS"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page36-cz3T3u"> resume uploading </div> </div> <div show.bind="candidateLoginPopup" class="phcriticalhide" data-ph-id="ph-page-element-page36-ZwDPLG"> <section class=" ph-widget" instance-id="fyf11" data-ph-id="ph-page-element-page36-sOCewn" view="1663478860878-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-1674816648776" instance-id="fyf11" original-view="default" data-ph-id="ph-page-element-page36-PFeayP"></div> </section> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663478860635-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page36-1xHRWI"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload--3PS4kH" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page36-OzjUQQ"> <span class="action-icon" data-ph-id="ph-page-element-page36-YH18VB"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page36-YGc5Rb"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload--HrkFdQ" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page36-YbrwlZ">Use new resume</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663478860646-upload-new"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page36-pej9rM"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page36-9u9kYM"> <ppc-content key="ph-import-resume-v1-upload-new--NivBWo" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page36-dZnWUt"> Try again </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-view8-1663493198821"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-page-element-page36-CVHGV3"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ph-category-overview-v3-view8-1zz9jaw-PYnjej" aria-label="Careers at Company" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-BMmJen" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-page-element-page36-2b0NZA"> <div class="widget-container" data-ph-id="ph-page-element-page36-tgJqwU"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-m14iaX"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page36-fknQGu"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-NezaPF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-bBRmki">Careers at Company</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page36-k0iVVG"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-M6NhgK" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-meoQbE">Interested in working together? We are too!</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page36-F9b5et"> <div class="${mode}" data-ph-id="ph-page-element-page36-D5LazP"> <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-page-element-page36-3da3fg"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-page-element-page36-GRpr33"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-page-element-page36-OgMS2t"> <div class="category-info" role="text" data-ph-id="ph-page-element-page36-boOiHV"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page36-gI7buH">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page36-6S2nPC"> <span data-ph-id="ph-page-element-page36-DqNxsg">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-rfZhsy"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page36-XsGFXT"> <span data-ph-id="ph-page-element-page36-rGLKVy">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-axBzwi"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page36-Pw8KbW"> <span data-ph-id="ph-page-element-page36-CpITNs">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-0Mi4WU"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page36-TWeysI"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-page-element-page36-RlhMtV"> <div class="category-info" role="text" data-ph-id="ph-page-element-page36-nONoNq"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page36-R6xIix">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page36-bpVc8G"> <span data-ph-id="ph-page-element-page36-MRc7JI">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-RUXT6U"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page36-6etH56"> <span data-ph-id="ph-page-element-page36-CmSLPr">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-qglrY5"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page36-X4nIi4"> <span data-ph-id="ph-page-element-page36-tLXnaR">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-GdSWAd"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <div if.bind="(mode != 'slider') && (type == 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page36-ODfACY"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'search-results', {}, 'subCategory='+category.key)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-page-element-page36-fh8S84"> <div class="category-info" data-ph-id="ph-page-element-page36-xrGLnh"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page36-e0bHKX">${category.key}</p> <p if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page36-UOI0js">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-4JtZUC">${widgetBundle['categoryCountSingler'] | pht}</span> </p> <p if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page36-WQLH5p">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page36-UQRukn">${widgetBundle['categoryCountPlural'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-page-element-page36-71HIrE"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="ph-category-overview-v3-view8-1zz9jaw-N14kCA" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-Tahlmx" key-role="ph-category-overview-v3-view8-1zz9jaw-Rldowf" data-ph-at-id="seemore-link" data-ph-id="ph-page-element-page36-x87oU4"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-44MdAU" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page36-lvBzoM"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="ph-category-overview-v3-view8-1zz9jaw-I5VGcF" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-jqUtol" key-role="ph-category-overview-v3-view8-1zz9jaw-FIJPMq" data-ph-at-id="viewnext-link" data-ph-id="ph-page-element-page36-bBKDsj"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-7osX3w" data-ph-at-id="viewnext-text" data-ph-id="ph-page-element-page36-7nRn8Q"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="ph-category-overview-v3-view8-1zz9jaw-69Gh4V" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-g634Rj" key-role="ph-category-overview-v3-view8-1zz9jaw-6woyci" data-ph-at-id="viewall-link" data-ph-id="ph-page-element-page36-czxBAC"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-BZ6Z88" data-ph-at-id="viewall-text" data-ph-id="ph-page-element-page36-olFAcW"> 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="ph-category-overview-v3-view8-1zz9jaw-mypQzb" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-quiSbq" key-role="ph-category-overview-v3-view8-1zz9jaw-RNDvSg" data-ph-at-id="seeless-link" data-ph-id="ph-page-element-page36-uo6J1C"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-a7g2lp" data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page36-1IuzTC"> 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-page-element-page36-8dojV9"> <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="ph-category-overview-v3-view8-1zz9jaw-PBvkiC" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-lTYtZP" key-role="ph-category-overview-v3-view8-1zz9jaw-R987gg" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page36-1hz3Fg"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page36-GkCJ3w"></i> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-AvHXix" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page36-TEpj16"> 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="ph-category-overview-v3-view8-1zz9jaw-nRjYCT" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-u0lQHc" key-role="ph-category-overview-v3-view8-1zz9jaw-xFsZ5B" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page36-bZu4tP"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-OaKKo7" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page36-gllhxr"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page36-pMp3R5"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page36-vzMxuQ"> <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-page-element-page36-JVEzSA"> </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-page-element-page36-eeSDtE"> <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="ph-category-overview-v3-view8-1zz9jaw-gcbtZ7" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-X6XONy" key-role="ph-category-overview-v3-view8-1zz9jaw-Gp5nGV" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page36-yvqbe6"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page36-HBM4g1"></i> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-lXYSvb" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page36-xwz12p"> 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="ph-category-overview-v3-view8-1zz9jaw-BiDRt7" key-aria-label="ph-category-overview-v3-view8-1zz9jaw-nrboOW" key-role="ph-category-overview-v3-view8-1zz9jaw-XmW1yX" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page36-pl2du5"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-CVmFXe" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page36-DQgAv3"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page36-XVpVQt"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page36-hwoKQ5"> <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-page-element-page36-BVtfrS"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page36-Q08tVf"> <p data-ph-id="ph-page-element-page36-1b7NdV"> <ppc-content key="ph-category-overview-v3-view8-1zz9jaw-zJyE1g" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page36-ptZsok"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-people-also-viewed-v2-default-1663503599363"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page36-JEgS7z"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Jobseekers Also Viewed" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-TSPiAn" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page36-6brDjf"> <div class="widget-container" data-ph-id="ph-page-element-page36-jFkLAq"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-CpiWxS"> <h2 data-ph-id="ph-page-element-page36-9o2q2Q"> <ppc-content key="ph-people-also-viewed-v2-default-5q0mjaw-viwWaj" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page36-ilwClz">Jobseekers Also Viewed</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page36-oTB3Ui"> <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-page36-06C7Dc"> <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-page36-fMx4HY"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="HcWh9B" data-ph-id="ph-page-element-page36-RbUI5x"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-PZzawd"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page36-n8qew0"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page36-A3X2d9" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page36-pk9Xva"> <div class="information" data-ph-id="ph-page-element-page36-2s5FpT"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page36-hf3kH2"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-CH1QZM"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page36-ftPUhz"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page36-jIjzuU" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page36-qDxxji"> <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-page36-W2SQqp"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-17aizq"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-teVBCS"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-KApRkn">${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-page36-MQ1eA2"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page36-MFjZpf"> ${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-page36-cb4S92"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-fRGffe"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-8IhBJS">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-people-also-viewed-v2-default-5q0mjaw-0RBMBQ" aria-level="3" key-aria-level="ph-people-also-viewed-v2-default-5q0mjaw-6kWIAq" instance-id="HcWh9B-lh4vCq" data-ph-id="ph-page-element-page36-p2p0n5"> <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-page36-eYnFJC"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page36-bs4jdp"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-RxmYkY">${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-page36-HmEFuv"></i> <span data-ph-id="ph-page-element-page36-8cETJb">${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-page36-OTF66u"> <!-- 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-page36-suUWVZ"> <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-page36-SuIJE8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-6591J5">${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-page36-2ant5O"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-2eOZEo">${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-page36-8t4rnv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-AfJRGd">${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-page36-sFvgCI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-NSyH3y">${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-page36-GQUEvB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-Xy9sVb">${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-page36-bJMlU3"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-rqu6IX"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-oZwPpo"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-Tk6TWu">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-PJbyE3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-VKgz1D">${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-page36-F2LWqc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-kkeUX3">${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-page36-wL0IJX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-QK8yio">${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-page36-yppKe8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-gX8e9p">${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-page36-MsNHeE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-QyfGXe">${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-page36-nr4uYP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-tlKrNM"> ${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-page36-61Mxof"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-tbnEdR">${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-page36-FdtKog"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-RjM65p"> ${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-page36-QMlRwm"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-WBx9wg">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-sAhZeV">${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-page36-WP9sJI"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-MwV4uF">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-mzvpQd">${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-page36-FPIXK4">${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-page36-HMZhrS">${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-page36-GRbh1T">${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-page36-rIX7er"> <!-- 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-page36-GEZfuj"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page36-N5nW9E"> <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-page36-dumPzG"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-gEUsfr"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-gaXSiQ"> ${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-page36-tBH8V7"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-02rvJd">${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-page36-fEvCAh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-XTL7D0">${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-page36-SA7N83"> <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-page36-7MF56D"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-luxoua"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-O15I2E"> ${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-page36-s9fs8G"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-sv54vX">${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-page36-BwEJP0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-V1IS2m">${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-page36-r5s94g"> <span class="sr-only" data-ph-id="ph-page-element-page36-UE7RTO">${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-page36-lEGL2y"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-YJpCSG">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-Sa2B2W">${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-page36-L6O1HU">${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-page36-rjzoQM">${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-page36-edqNKd">${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-page36-KMW86D"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-oUgTKB">${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-page36-8fDj6t"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-ZjS8bm"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-joWQ3C"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-Z56qe2">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-Gv76zc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-2HxSYd">${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-page36-39GIyB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-PqWp4P">${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-page36-4UiFWn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-tlajvk">${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-page36-Q4OeI4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-jclSVq">${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-page36-QwpvX4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-oUTaTI">${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-page36-k3zUKF"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-W1hcRQ"> ${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-page36-C3zSiM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-0RDlDV">${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-page36-cjMZrm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-eEqA9O"> ${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-page36-VGTWvV"> <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-page36-QCEqpi"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-people-also-viewed-v2-default-5q0mjaw-grAOJO" 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="HcWh9B-VBD1KI" data-ph-id="ph-page-element-page36-52iRna"> <span data-ph-id="ph-page-element-page36-RUZ67W"> ${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-page36-wHbYnB"></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-page36-lU4ugf"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page36-aFeXE1"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page36-ivuel0"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page36-n3zpwb">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page36-Vsl4ea">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-KFkFM5"></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-page36-EqN49B">${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-page36-7pJJAf">${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-page36-3RQia6">${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-page36-P69HKw">${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-page36-JnDYcE">${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-page36-dmlRtq"> <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-page36-KiieU6"> <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-people-also-viewed-v2-default-5q0mjaw-D9XCks" 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="HcWh9B-qyaLkZ" data-ph-id="ph-page-element-page36-CXIBom"> <span data-ph-id="ph-page-element-page36-iEX8EL"> ${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-page36-EKV438"></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-page36-9j43r7"> <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-page36-Okyqv5"> ${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-page36-tg6lRp"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page36-mn4ieR"> <span data-ph-id="ph-page-element-page36-4Z04ve"> <span class="sr-only" data-ph-id="ph-page-element-page36-OWwFef"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page36-k5k4oq">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page36-g1liOH">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-t1v0qc">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-UCzRQr">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page36-JpcP8f">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page36-KORI9O">${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-page36-7KK6xr"></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-page36-Okegyf"> <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-page36-nt7yfJ"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page36-5Z1z0S"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page36-Qv6LP3"></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-page36-WDrGK2"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-SgWbVB"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-nD1O48"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-i5QlxY">${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-page36-vE6xej"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page36-savQY0"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page36-9GnYJb"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-LTjFj0"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page36-4zKsnr"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page36-ErHLqB">${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-page36-jlofFI"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page36-C94u1c"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page36-pRHLhA"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-4NW5MU"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page36-7knosL"> <ppc-content key="ph-people-also-viewed-v2-default-5q0mjaw-E89FC2" data-ph-at-id="share-job-button-text" instance-id="HcWh9B-7TRLc7" data-ph-id="ph-page-element-page36-9tN0tH">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-nBZxle"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page36-BYfEEg" view="1663503599337-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-1663506313368" 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-page36-xOZvCN"></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-page36-KoEAx2"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page36-IMuDDM"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page36-BV6tp2"> <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-page36-shPcMJ" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page36-RETosI"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-54gaQU"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-Z5Esr3"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-zoqwiL">${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-page36-Psnkkf"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-cy9dif"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-vnUnAI"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-MP1WSE">${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-page36-1jBU6r"> <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-page36-FkWNu9"> <span class="sr-only" data-ph-id="ph-page-element-page36-3Z9Ppc">${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-page36-m7JWIB"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page36-Nxhg4H"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page36-eJEPXn"> <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-page36-FvZjHs"> <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-page36-ChpqzU"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-J5Nkk8"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-rq8VXe"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-A5uXnv" instance-id="HcWh9B-WWChAh" data-ph-id="ph-page-element-page36-ITB3EA"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-csDL3g"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-Pqnpsi"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-people-also-viewed-v2-default-5q0mjaw-2eqIae" key-aria-level="ph-people-also-viewed-v2-default-5q0mjaw-y9IkJO" instance-id="HcWh9B-oFgrh6" data-ph-id="ph-page-element-page36-xayP2C"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-v0jEVH"> <div class="job-location-count" data-ph-id="ph-page-element-page36-ZsrKf3"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-0FhMAI"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page36-7zSi7Z"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page36-uVnI8h"> <span data-ph-id="ph-page-element-page36-yfDsGW"> <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-page36-t2qpU0"></i> </span> <span data-ph-id="ph-page-element-page36-76lAHw"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page36-oAQxLv"> <span class="sr-only" data-ph-id="ph-page-element-page36-IsJYiq">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-fkQ01c"></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-page36-CRaNWT">${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-page36-kaCSsy">${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-page36-nXMci9">${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-page36-JJXIoR">${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-page36-bMIRk0"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page36-dLTBlK"> <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-page36-A0W3Dx"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-xLXW6R"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-rUOd2Q"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-fpFiBT" instance-id="HcWh9B-Rysc3p" data-ph-id="ph-page-element-page36-nzBwTF"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-Bqn06f"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-7XCOML"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-people-also-viewed-v2-default-5q0mjaw-qgxXXp" key-aria-level="ph-people-also-viewed-v2-default-5q0mjaw-A66hTk" instance-id="HcWh9B-wP03DX" data-ph-id="ph-page-element-page36-V75KKQ"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-rKI4UM"> <div class="job-location-count" data-ph-id="ph-page-element-page36-yM9FRt"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-XGnbG8"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page36-bI4Q2s"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page36-5iXStx"> <span data-ph-id="ph-page-element-page36-gLLNBy"> <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-page36-tLCOjG"></i> </span> <span data-ph-id="ph-page-element-page36-WeAIGi"> ${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-page36-OLHhjM"> <div aria-atomic="true" aria-live="assertive" instance-id="FXHLG5" data-ph-id="ph-page-element-page36-im2ivj"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-NoDymp" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-people-also-viewed-v2-default-5q0mjaw-HLASgy" data-ph-at-id="seemore-link" role="button" key-role="ph-people-also-viewed-v2-default-5q0mjaw-xsTF2P" instance-id="FXHLG5-NdpAUS" data-ph-id="ph-page-element-page36-aJkW9S"> <!-- <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-page36-XABA5B"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-Hu060R"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-4dBwr3" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-people-also-viewed-v2-default-5q0mjaw-pzeqKw" data-ph-at-id="seeless-link" role="button" key-role="ph-people-also-viewed-v2-default-5q0mjaw-4GQKUK" instance-id="FXHLG5-QVu3oA" data-ph-id="ph-page-element-page36-i4rbGU"> <!-- <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-page36-kpcNLI"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-tRVHQG"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-Po1kh1" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-people-also-viewed-v2-default-5q0mjaw-cjta8r" data-ph-at-id="seenext-link" role="button" key-role="ph-people-also-viewed-v2-default-5q0mjaw-M9naSS" instance-id="FXHLG5-6UGggD" data-ph-id="ph-page-element-page36-YurQRH"> <!-- <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-page36-SwjZ20"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-VQwfj8"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-5q0mjaw-olOzjy" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-people-also-viewed-v2-default-5q0mjaw-64lzow" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-people-also-viewed-v2-default-5q0mjaw-KGJwUd" instance-id="FXHLG5-V9dtlp" data-ph-id="ph-page-element-page36-wQHMyg"> <!-- <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-page36-kQlKHB"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-BjZiSU"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page36-x6rTX6"> <p data-ph-id="ph-page-element-page36-RgvmTX"> <ppc-content key="ph-people-also-viewed-v2-default-5q0mjaw-PKUOpL" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page36-CAeU4B"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1663503995835"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page36-OHJCIF"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-93urjaw-rz1Ztx" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page36-C8dIvo"> <div class="widget-container" data-ph-id="ph-page-element-page36-Y41xk4"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-NTNPlm"> <h2 data-ph-id="ph-page-element-page36-pdKBB6"> <ppc-content key="ph-profile-recommendations-v2-default-93urjaw-OLfBib" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page36-XplCkP">Profile recommendations</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page36-OfqJqr"> <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-page36-vpkWhG"> <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-page36-zykW07"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="r9JxKp" data-ph-id="ph-page-element-page36-oM4J1T"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-U5S6dD"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page36-NUI3Fp"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page36-HtWeJE" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page36-bWVHFO"> <div class="information" data-ph-id="ph-page-element-page36-aFKTHL"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page36-3vYWey"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-s3DY6t"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page36-Otowwv"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page36-KTd0fC" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page36-iu7RDf"> <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-page36-OzuoM3"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-q3PCHZ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-ln00aC"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-vCOJpu">${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-page36-TgmBlM"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page36-11AbV6"> ${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-page36-db0GlT"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-6xgjAm"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-C7XVx1">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-93urjaw-IVcxti" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-93urjaw-m8qsbw" instance-id="r9JxKp-N0V9DO" data-ph-id="ph-page-element-page36-o1mTn2"> <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-page36-3lWEFD"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page36-OjMMBu"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-lDgcVK">${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-page36-21ut4K"></i> <span data-ph-id="ph-page-element-page36-JfsoSn">${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-page36-L3p7cO"> <!-- 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-page36-7WjYca"> <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-page36-IunZwf"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-XQ8s3E">${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-page36-moB6gl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-BnG9Pu">${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-page36-bHkK44"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-dtDD6V">${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-page36-BMaXnV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-WF9Ff9">${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-page36-JRAsAw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-viNVXH">${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-page36-ZYpRYm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-kBUqFS"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-TnWcSN"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-VX6y5U">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-VRcN4K"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-V017t4">${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-page36-MeeZLM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-dov5T3">${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-page36-VT8Mzt"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-egIz6d">${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-page36-DBGHb6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-EO6610">${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-page36-XYqqg9"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-Wm2V0F">${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-page36-oJFe6k"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-LoTSVj"> ${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-page36-xd6PHx"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-degYZK">${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-page36-7MGAg8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-2vgIjE"> ${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-page36-sK7gdg"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-DbRVL9">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-RndcLe">${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-page36-mCqsnD"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-H9LXlq">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-BOYZ8T">${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-page36-BXWB5V">${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-page36-AM8r8n">${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-page36-shI5ru">${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-page36-CdbJrr"> <!-- 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-page36-FIkEPm"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page36-j7qJvb"> <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-page36-u3MrdM"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-Yblz6d"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-0OXLAg"> ${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-page36-I8ClTK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-nj78Qp">${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-page36-zbLtpS"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-DGYVKA">${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-page36-UlxHSA"> <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-page36-pc15id"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-GDw4Oy"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-pDG2zb"> ${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-page36-TwDkjI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-jKXx9B">${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-page36-TsEdeI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-Png8rU">${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-page36-fLDz1A"> <span class="sr-only" data-ph-id="ph-page-element-page36-J0pGv8">${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-page36-HfRzWm"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-FC67HO">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-GqXZwD">${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-page36-GzSb0S">${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-page36-i76ZUq">${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-page36-UXTmCM">${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-page36-1KkXGS"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-yk6XSt">${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-page36-uJo2hL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-Eik8Nk"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-X5fvhJ"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-IxsxJR">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-DcBGMD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-wP76Ut">${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-page36-rFMdTV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-RZLAY7">${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-page36-AXsxF0"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-0MMSyq">${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-page36-gKOoJZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-opbQ8J">${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-page36-G09KpH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-0u8Tgz">${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-page36-Ub9nBI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-pg4bRE"> ${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-page36-t0PnC9"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-KDHTYs">${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-page36-05tKYC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-zHJbUE"> ${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-page36-eQS4Vi"> <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-page36-fPiUfO"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-93urjaw-oW5WAF" 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="r9JxKp-k2mjvK" data-ph-id="ph-page-element-page36-BCcSPq"> <span data-ph-id="ph-page-element-page36-p2hDNP"> ${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-page36-jGs7mN"></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-page36-HHXJvC"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page36-28Wi8a"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page36-fkwcMy"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page36-dByAGh">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page36-YCGRAE">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-ERtXAs"></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-page36-xUxjZt">${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-page36-XjK1Nb">${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-page36-TJ34Xx">${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-page36-OYMOcL">${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-page36-ZVGCnv">${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-page36-UNjBph"> <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-page36-0kgU2x"> <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-93urjaw-s8uUS5" 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="r9JxKp-ypiatv" data-ph-id="ph-page-element-page36-pOe7uP"> <span data-ph-id="ph-page-element-page36-wVMBsJ"> ${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-page36-EneJD1"></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-page36-CBohDS"> <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-page36-Zunwui"> ${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-page36-kBhLFL"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page36-vcq019"> <span data-ph-id="ph-page-element-page36-SWqdoG"> <span class="sr-only" data-ph-id="ph-page-element-page36-E0A3Wp"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page36-S9HhkI">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page36-dedvpR">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-asMsdU">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-8WDv4n">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page36-0nnPRJ">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page36-IjvDyP">${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-page36-z5jWtG"></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-page36-1hNhFd"> <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-page36-oE7l9y"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page36-z5KAkt"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page36-Ueilb8"></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-page36-7qvdqV"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-dazToJ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-BenR6B"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-EMQflg">${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-page36-dzosMh"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page36-Mqh1MQ"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page36-11x2zG"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-4gmnGw"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page36-QB41zk"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page36-FEnxPz">${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-page36-RBfES3"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page36-2Z00MI"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page36-2YpMvE"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-Lzx9EU"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page36-XUEhRa"> <ppc-content key="ph-profile-recommendations-v2-default-93urjaw-ti8k0G" data-ph-at-id="share-job-button-text" instance-id="r9JxKp-TOwF72" data-ph-id="ph-page-element-page36-5GZMh3">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-lEkRcl"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page36-x6mssN" view="1663503995804-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-1663506313496" 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-page36-5jVDO2"></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-page36-uZLPIt"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page36-N6vrIn"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page36-5qZ8di"> <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-page36-o8IINO" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page36-GnHWuX"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-4AFE4N"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-CN03Ru"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-MfVyzr">${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-page36-MbtKB1"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-y0LZKD"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-Wyvuys"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-RmQY6z">${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-page36-NG8fgU"> <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-page36-7R8me3"> <span class="sr-only" data-ph-id="ph-page-element-page36-9yfykp">${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-page36-tELKIr"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page36-ldQm1e"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page36-9UcIXf"> <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-page36-6taDQ2"> <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-page36-00AJR8"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-MspJsV"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-yD7V8u"> <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-93urjaw-kFwVht" instance-id="r9JxKp-zPisIf" data-ph-id="ph-page-element-page36-9i66Oj"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-POU56s"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-Yy9ClW"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-93urjaw-AtFutw" key-aria-level="ph-profile-recommendations-v2-default-93urjaw-vbfrEI" instance-id="r9JxKp-FYS2qU" data-ph-id="ph-page-element-page36-KBOTGu"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-TO7gDk"> <div class="job-location-count" data-ph-id="ph-page-element-page36-JBl6oq"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-jSpuuO"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page36-anveof"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page36-3H4QBr"> <span data-ph-id="ph-page-element-page36-cq6WBa"> <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-page36-So5S0H"></i> </span> <span data-ph-id="ph-page-element-page36-DAGTtY"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page36-QzYtcV"> <span class="sr-only" data-ph-id="ph-page-element-page36-b8QnV7">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-6FzEy7"></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-page36-k3TTTg">${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-page36-ZJ61e8">${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-page36-s9BUz4">${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-page36-WgIN5r">${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-page36-yX604V"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page36-G05DJc"> <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-page36-LM0S0W"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-kwnhVf"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-dRhIAK"> <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-93urjaw-EN2zqo" instance-id="r9JxKp-eP2PmY" data-ph-id="ph-page-element-page36-VZNFB5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-HLIvOQ"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-6JmNpj"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-93urjaw-yBABoc" key-aria-level="ph-profile-recommendations-v2-default-93urjaw-f8viXY" instance-id="r9JxKp-xfnOnw" data-ph-id="ph-page-element-page36-roXQ2v"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-SL0b2e"> <div class="job-location-count" data-ph-id="ph-page-element-page36-z4XRQv"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-ABf2fD"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page36-y6qID8"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page36-P0pEtM"> <span data-ph-id="ph-page-element-page36-4fvyAJ"> <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-page36-0cjYCS"></i> </span> <span data-ph-id="ph-page-element-page36-dnJt8U"> ${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-page36-mAiDv9"> <div aria-atomic="true" aria-live="assertive" instance-id="PPrcno" data-ph-id="ph-page-element-page36-vjrVnN"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-93urjaw-W0MuHs" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-93urjaw-0CNBVL" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-93urjaw-WnQrpO" instance-id="PPrcno-7H3lI0" data-ph-id="ph-page-element-page36-uU2H2L"> <!-- <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-page36-pfolrk"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-jVxLin"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-93urjaw-Gnd4Fu" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-93urjaw-nK9KFO" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-93urjaw-hIhWbM" instance-id="PPrcno-eSquEK" data-ph-id="ph-page-element-page36-jEQwal"> <!-- <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-page36-EAbbbD"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-4JhMht"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-93urjaw-IbxoNL" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-93urjaw-09cXIX" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-93urjaw-cI5eDM" instance-id="PPrcno-DqWk6l" data-ph-id="ph-page-element-page36-XTRq8R"> <!-- <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-page36-uG5JjO"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-7sYPIp"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-93urjaw-afL1UE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-93urjaw-ins1j0" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-93urjaw-wXCWEw" instance-id="PPrcno-qqwvGO" data-ph-id="ph-page-element-page36-2uhd5o"> <!-- <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-page36-vjDulN"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-H4WgNp"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page36-QFHZGT"> <p data-ph-id="ph-page-element-page36-LLe0Wm"> <ppc-content key="ph-profile-recommendations-v2-default-93urjaw-oQW2jf" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page36-mxkbaf"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-similar-jobs-v2-default-1663505866547"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page36-H6ZOsu"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" key-role="ph-similar-jobs-v2-default-ni2yjaw-T9Comx" aria-label="Similar Jobs" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-R735Nm" data-ph-id="ph-page-element-page36-HaCTEu"> <div class="widget-container" data-ph-id="ph-page-element-page36-2aENM8"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-1aE3vE"> <h2 data-ph-id="ph-page-element-page36-sA6xwN"> <ppc-content key="ph-similar-jobs-v2-default-ni2yjaw-TbJpGJ" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page36-XsAm9J"> Similar Jobs </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page36-myjUbD"> <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-page36-YB2c8D"> <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-page36-LnXWFv"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="lFGlVN" data-ph-id="ph-page-element-page36-Y7GdNl"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-hX1G9G"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page36-eY0LoS"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page36-xxDU2l" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page36-bILhz3"> <div class="information" data-ph-id="ph-page-element-page36-n2c7JL"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page36-FA30fr"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page36-wPABKo"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page36-EtcADF"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page36-Er5QiN" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page36-rTC0EX"> <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-page36-MjXMA7"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-v0CaKD"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-z0SaLQ"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-Tk7nI7">${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-page36-amRn6z"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page36-XFPEvf"> ${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-page36-4PBg74"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-uF32VJ"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-ESUdG2">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-similar-jobs-v2-default-ni2yjaw-L0tTox" aria-level="3" key-aria-level="ph-similar-jobs-v2-default-ni2yjaw-lJRBpD" instance-id="lFGlVN-MoXd1f" data-ph-id="ph-page-element-page36-NVujTE"> <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-page36-bkBknW"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page36-TiqFok"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-WIqdmE">${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-page36-jNmq9c"></i> <span data-ph-id="ph-page-element-page36-5kXUK6">${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-page36-cI7SLw"> <!-- 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-page36-dJrgk9"> <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-page36-Vbgkgq"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-Q90JCW">${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-page36-OUh9qh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-kLvaG0">${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-page36-MYVfmi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-RSREgT">${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-page36-D7C2u9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-rEei5e">${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-page36-6hI47w"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-jYVg4b">${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-page36-d9XzzX"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-1fqcFr"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-2sgPBR"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-kHjwni">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-8ve6fA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-wf9kHx">${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-page36-dvLGxA"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-u59y5H">${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-page36-bkJMIc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-CHA92O">${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-page36-prDnGj"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-5kpB5u">${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-page36-Ml4DvA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-Ov9M1e">${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-page36-UmIpHe"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-05wEm9"> ${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-page36-xjsTYJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-CFY2Uc">${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-page36-pUX0Fd"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-xqpR2G"> ${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-page36-RhQjkD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-ZUDgVW">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-ClWYPi">${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-page36-hEJ5E7"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-29Pgh9">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-I9ERgC">${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-page36-DpHsMg">${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-page36-433JwD">${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-page36-lElM7U">${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-page36-foDojL"> <!-- 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-page36-kykjtC"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page36-2htjdP"> <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-page36-xjFEio"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-ToXQg1"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-xptE6I"> ${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-page36-dwlvIr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-l0FoOa">${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-page36-fxtM8V"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-5MKeLG">${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-page36-tU3zq3"> <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-page36-uafNgq"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-ZhgE1h"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page36-kmqsKK"> ${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-page36-dm25S1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-hZrgln">${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-page36-ryIsbP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-lzsFKd">${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-page36-UikIdc"> <span class="sr-only" data-ph-id="ph-page-element-page36-nou8pY">${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-page36-m4VAeF"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page36-bzwFPe">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page36-Kcd8uw">${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-page36-Da8JRT">${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-page36-YcElNU">${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-page36-q2nbyx">${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-page36-Y5HxwU"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-V09eLO">${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-page36-QaCAVm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-DFyje1"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page36-ccVYff"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page36-WTBrTS">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page36-DelWsj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-PRZ9ZR">${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-page36-abmNl0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-WdBG03">${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-page36-IrKCHQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-xzGvY4">${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-page36-bxQsg6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-H3mwAO">${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-page36-RgGmwm"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-U96w6L">${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-page36-qaoU1l"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-JEYz8j"> ${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-page36-n0DE2Z"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page36-TogKOg">${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-page36-7CDagR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page36-36zGNQ"> ${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-page36-ZCI5Bg"> <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-page36-gtQ1CF"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-similar-jobs-v2-default-ni2yjaw-Wy3nc8" 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="lFGlVN-i7mg6P" data-ph-id="ph-page-element-page36-FFOV3b"> <span data-ph-id="ph-page-element-page36-7oqOLN"> ${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-page36-s0nCSD"></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-page36-mzE7wK"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page36-HU56UJ"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page36-DqgAC1"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page36-AO2PkI">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page36-qnfMBc">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-24Cq9K"></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-page36-owcIjJ">${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-page36-Ld1oFU">${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-page36-XH2Mo0">${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-page36-5Vcdpc">${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-page36-lD1uWN">${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-page36-KNSaCx"> <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-page36-2YqOXN"> <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-similar-jobs-v2-default-ni2yjaw-t3Q8HB" 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="lFGlVN-ezrO1u" data-ph-id="ph-page-element-page36-FWXHcW"> <span data-ph-id="ph-page-element-page36-KQX6kw"> ${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-page36-0mEV77"></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-page36-gOvX36"> <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-page36-fWNaEz"> ${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-page36-GGkwiQ"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page36-6ZhylP"> <span data-ph-id="ph-page-element-page36-JzZ8gu"> <span class="sr-only" data-ph-id="ph-page-element-page36-E4i1O9"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page36-Jt8zWM">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page36-EH9e1M">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-mpgpAR">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page36-qt7YDU">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page36-iUlVfj">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page36-ungvVD">${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-page36-QvNCiu"></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-page36-qQkpWF"> <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-page36-CVfSym"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page36-JJHGbj"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page36-8N87on"></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-page36-5SUyEs"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page36-qqxN82"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-inzOsW"></i> <span class="tag-label" data-ph-id="ph-page-element-page36-F1I5a4">${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-page36-Y7EkNm"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page36-gOxSrA"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page36-fC7vWh"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-paePYN"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page36-oLY97M"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page36-v1dQgl">${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-page36-5rDGTA"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page36-IXi1hB"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page36-nAp7Si"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-fBjaXJ"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page36-57ft0X"> <ppc-content key="ph-similar-jobs-v2-default-ni2yjaw-a4ylp8" data-ph-at-id="share-job-button-text" instance-id="lFGlVN-N5Pezz" data-ph-id="ph-page-element-page36-HVMUcN">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page36-gF9zsd"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page36-ulBSAu" view="1663505866518-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-1663506313628" 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-page36-gn5axD"></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-page36-Z1TMz4"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page36-7eZKoy"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page36-6QPWF8"> <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-page36-QQ3A3Z" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page36-BHpLpn"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-kTmrcQ"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-SSm4hA"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-igitqR">${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-page36-wBaHYY"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page36-tD2VJb"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page36-td0lRZ"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page36-yf61qp">${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-page36-8qJKSF"> <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-page36-laQlos"> <span class="sr-only" data-ph-id="ph-page-element-page36-smxoDD">${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-page36-ZoWXdS"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page36-1YW7mg"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page36-HhGywm"> <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-page36-Q2grJ9"> <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-page36-6KUuv1"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-xqBGXI"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-uPndmS"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-EP0Bns" instance-id="lFGlVN-tcxczp" data-ph-id="ph-page-element-page36-v0fVW7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-UkCFt5"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-b9uCAd"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-similar-jobs-v2-default-ni2yjaw-r3ILRx" key-aria-level="ph-similar-jobs-v2-default-ni2yjaw-tmM6iF" instance-id="lFGlVN-NMtChd" data-ph-id="ph-page-element-page36-hhrSfE"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-aZdtGO"> <div class="job-location-count" data-ph-id="ph-page-element-page36-7paEQs"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-7L7Ref"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page36-lTQaRA"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page36-9IHvwP"> <span data-ph-id="ph-page-element-page36-o6Wes6"> <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-page36-fJM66S"></i> </span> <span data-ph-id="ph-page-element-page36-0Q58wb"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page36-w3I3yd"> <span class="sr-only" data-ph-id="ph-page-element-page36-1UZ9wx">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page36-oTp44e"></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-page36-s3Xpb2">${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-page36-hyG8bC">${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-page36-lYz87p">${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-page36-y2UAjE">${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-page36-eEmAy7"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page36-XjJg8L"> <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-page36-gB4An9"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-N15BLC"> <div class="popup-content-block" data-ph-id="ph-page-element-page36-Pjxkel"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-2gDeQa" instance-id="lFGlVN-ySTjyt" data-ph-id="ph-page-element-page36-wXUqGf"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-w30kqN"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page36-e0w1jp"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-similar-jobs-v2-default-ni2yjaw-oDz215" key-aria-level="ph-similar-jobs-v2-default-ni2yjaw-4hqUBI" instance-id="lFGlVN-MghBuL" data-ph-id="ph-page-element-page36-m5Gim6"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page36-whmaiP"> <div class="job-location-count" data-ph-id="ph-page-element-page36-ShIEkM"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page36-YMI7Mc"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page36-ECe6RI"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page36-o2SRi4"> <span data-ph-id="ph-page-element-page36-7bouOb"> <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-page36-GrszI8"></i> </span> <span data-ph-id="ph-page-element-page36-NGR9Yd"> ${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-page36-HtjDSK"> <div aria-atomic="true" aria-live="assertive" instance-id="GhttF4" data-ph-id="ph-page-element-page36-pYTiDO"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-Bac3wf" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-similar-jobs-v2-default-ni2yjaw-0Qw8De" data-ph-at-id="seemore-link" role="button" key-role="ph-similar-jobs-v2-default-ni2yjaw-TfUJRp" instance-id="GhttF4-YhxUyQ" data-ph-id="ph-page-element-page36-J2tRTy"> <!-- <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-page36-Zl0iom"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-uGB7Zd"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-DzmgaZ" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-similar-jobs-v2-default-ni2yjaw-5bHdFH" data-ph-at-id="seeless-link" role="button" key-role="ph-similar-jobs-v2-default-ni2yjaw-CE0ILW" instance-id="GhttF4-wel4rb" data-ph-id="ph-page-element-page36-6VczHH"> <!-- <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-page36-niQssg"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-awPYOa"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-MWc9Qx" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-similar-jobs-v2-default-ni2yjaw-F4dbQT" data-ph-at-id="seenext-link" role="button" key-role="ph-similar-jobs-v2-default-ni2yjaw-K8TN1C" instance-id="GhttF4-0zk4O9" data-ph-id="ph-page-element-page36-SJa5MV"> <!-- <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-page36-Nl9wGg"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-Dwpj4c"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-similar-jobs-v2-default-ni2yjaw-tkguAR" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-similar-jobs-v2-default-ni2yjaw-jcCt9V" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-similar-jobs-v2-default-ni2yjaw-SavWCQ" instance-id="GhttF4-U6qUyA" data-ph-id="ph-page-element-page36-gEXvMF"> <!-- <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-page36-qexpPQ"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page36-23PqBk"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page36-E4rVTi"> <p data-ph-id="ph-page-element-page36-cHUv4T"> <ppc-content key="ph-similar-jobs-v2-default-ni2yjaw-2TNZXQ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page36-w7GDTP"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506313368"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page36-2jtWlG"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page36-4z2788"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page36-ymesY1"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-tJI08e" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LjP0KR" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page36-KmzV9k"> <ppc-content key="ph-social-share-v3-default-6ty93l-yDK6pF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-sqcVbV"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page36-lkANw6"> <ppc-content key="ph-social-share-v3-default-6ty93l-7GSZRP" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-72k5A3"> 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-page36-WpCeg4"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page36-dsIsNc"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page36-Jkev1Q"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page36-v8BjzX"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page36-xly7t0"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-1sF2QP"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page36-U1rrEd">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page36-rI5FNL" view="1663506313351-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="1663506313351-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-page36-qEB5z9"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page36-Lik4VS"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-NRGtXr"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-SZZV0c"> <div class="head-wrapper" data-ph-id="ph-page-element-page36-lgtD7b"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page36-wJKAjo"> <ppc-content key="ph-social-share-v3-default-6ty93l-UQvwB3" data-ph-id="ph-page-element-page36-TUCWR2">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-U40328" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-Ua6bRA"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page36-ilye1U"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page36-RXUT03"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page36-XoL8cS"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page36-X68xgS"> <ppc-content key="ph-social-share-v3-default-6ty93l-9MkdqG" data-ph-id="ph-page-element-page36-iDbrph">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page36-NUqlVf"><ppc-content key="ph-social-share-v3-default-6ty93l-vfo3Ax" data-ph-id="ph-page-element-page36-LGPrbb">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page36-sUnu31" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page36-inDqjO"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-uKiDNF"><ppc-content key="ph-social-share-v3-default-6ty93l-TXOqyh" data-ph-id="ph-page-element-page36-NAFuex">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page36-4qmF52"><ppc-content key="ph-social-share-v3-default-6ty93l-s0Mciz" data-ph-id="ph-page-element-page36-w8aYfA">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506313496"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page36-f5WOUa"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page36-iYwERC"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page36-jExlmn"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-tJI08e" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LjP0KR" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page36-hU9DA8"> <ppc-content key="ph-social-share-v3-default-6ty93l-yDK6pF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-aaNolt"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page36-AK5rWN"> <ppc-content key="ph-social-share-v3-default-6ty93l-7GSZRP" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-67AL24"> 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-page36-FwDevZ"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page36-YpHiil"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page36-eV2kjh"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page36-DIXLWZ"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page36-EkZgZm"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-3LsUmw"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page36-iXnNvE">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page36-EZt35P" view="1663506313351-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="1663506313351-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-page36-fBIQ4u"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page36-JXJrlR"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-1bDnst"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-n95aJy"> <div class="head-wrapper" data-ph-id="ph-page-element-page36-m9WqjR"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page36-YPZO6o"> <ppc-content key="ph-social-share-v3-default-6ty93l-UQvwB3" data-ph-id="ph-page-element-page36-EffLLs">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-U40328" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-sYs8MU"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page36-RGiqUu"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page36-SboCEU"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page36-GPQFdW"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page36-KYK94Q"> <ppc-content key="ph-social-share-v3-default-6ty93l-9MkdqG" data-ph-id="ph-page-element-page36-yQx093">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page36-CjwdTX"><ppc-content key="ph-social-share-v3-default-6ty93l-vfo3Ax" data-ph-id="ph-page-element-page36-MIc9ey">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page36-IrzNSD" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page36-FJw35W"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-XPxxqD"><ppc-content key="ph-social-share-v3-default-6ty93l-TXOqyh" data-ph-id="ph-page-element-page36-3pCbgp">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page36-dpK9mQ"><ppc-content key="ph-social-share-v3-default-6ty93l-s0Mciz" data-ph-id="ph-page-element-page36-f2qAtX">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506313628"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page36-kvA9dG"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page36-v0xcpm"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page36-SVPo21"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-tJI08e" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LjP0KR" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page36-7JdikR"> <ppc-content key="ph-social-share-v3-default-6ty93l-yDK6pF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-OUmnrK"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page36-8zS72a"> <ppc-content key="ph-social-share-v3-default-6ty93l-7GSZRP" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-FrzvW5"> 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-page36-GkB9uY"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page36-5RA8nW"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page36-u0g4BN"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page36-1IC0T9"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page36-VM2T4C"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-VwDJYR"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page36-i7OIIT">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page36-nhzdAg" view="1663506313351-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="1663506313351-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-page36-8w4K9V"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page36-Q7tjut"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-kpK3G9"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-tOkEXi"> <div class="head-wrapper" data-ph-id="ph-page-element-page36-FDpIgN"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page36-p3Wkhg"> <ppc-content key="ph-social-share-v3-default-6ty93l-UQvwB3" data-ph-id="ph-page-element-page36-Ioa9QX">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-U40328" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-EF8C2s"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page36-JYMPB7"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page36-iMSvkT"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page36-YJ3ag0"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page36-nvTySq"> <ppc-content key="ph-social-share-v3-default-6ty93l-9MkdqG" data-ph-id="ph-page-element-page36-oCwD1x">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page36-kq6bwj"><ppc-content key="ph-social-share-v3-default-6ty93l-vfo3Ax" data-ph-id="ph-page-element-page36-tqLznA">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page36-NdW8uf" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page36-Nycarb"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-QQdp1O"><ppc-content key="ph-social-share-v3-default-6ty93l-TXOqyh" data-ph-id="ph-page-element-page36-OFn6El">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page36-bhh0aN"><ppc-content key="ph-social-share-v3-default-6ty93l-s0Mciz" data-ph-id="ph-page-element-page36-cLnVaz">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1663506313351-view3"><!-- 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-page36-9Cdv7M"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page36-lSh3vd"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page36-ncdMii"> <div class="modal-content" data-ph-id="ph-page-element-page36-lB30Z7"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-EYK74p"> <!--<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-page36-aaCi0Q"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-XZP2a0"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-tJAWD0"><ppc-content key="ph-email-job-v1-view3-1gd0h6-r4hvJw" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page36-vRULdL"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page36-YqGRKw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-5GIA6B" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page36-4z84cj"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page36-rLRBm0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YKIA1K" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page36-jQ8TlT"> 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-page36-m5ueV2"> <div class="content-block" data-ph-id="ph-page-element-page36-YZVHR7"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page36-4mZwWr"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page36-10nk6q"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page36-BZEyZd"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page36-Z9rmEs"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-tTxSfp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-cwckCr"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page36-lwvJpq"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-asq6tk"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page36-XbP9wa"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page36-sZ1aRz"> <label for="email-job-name" data-ph-id="ph-page-element-page36-LH8muF"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ffZh6O" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page36-83XRZ8"> 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-4RsNyo" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-p8ViyI" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page36-fRN2JK"> <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-page36-eC9jut"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3dhXDs" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page36-vPiLu7"> 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-page36-9qpcPT"> <label for="email-job-email" data-ph-id="ph-page-element-page36-BjeBjr"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-WY16gL" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page36-vpMNFh"> 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-cjp7Su" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page36-Y2cV4u"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page36-AylvsC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-cMMb3f" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page36-piZasp"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page36-BM4NFf"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tDTgOn" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page36-a8Ep1k"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page36-wR2b1b"> <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-page36-1skEAU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AFN1nw" data-ph-at-id="send-text" data-ph-id="ph-page-element-page36-JLcpD7"> Send </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page36-2K8akd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page36-Ic0fQV"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page36-7sJkYf"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-XuK64b"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-6nm1Xg"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-sLKPnV"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page36-feMXlp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page36-nPl05M">*</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-page36-XUR1W2"> <span class="sr-only required-text" data-ph-id="ph-page-element-page36-WSrOc6"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page36-2OWTqJ"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page36-sjWZrm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qPd4Nc" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page36-DyYCGo"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page36-QodYBc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-TXRUll" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page36-9iiAxb"> 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-page36-MCKL5a"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page36-G1Wtj0"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page36-DCHWXK"> <i class="icon icon-check" data-ph-id="ph-page-element-page36-qfDomf"></i> <h3 data-ph-id="ph-page-element-page36-QSggI4"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-xHg4lA" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page36-14ZCG6"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page36-GH8OB9"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zbu7QP" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page36-MAb0hH"> 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-page36-IUxrqa"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-M7eOef" data-ph-id="ph-page-element-page36-Gx28lX">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page36-62Cwsr"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page36-U4gYb2"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page36-Jdp2vN"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page36-fBNnW2"></i> <h3 data-ph-id="ph-page-element-page36-0oePPf"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-LZB8UO" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page36-3s4kzG"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page36-1XFC9o"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-loZr8D" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page36-e8obqA"> 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-page36-BRjoK7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-KKMfOD" data-ph-id="ph-page-element-page36-6vo9BS">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page36-o8IWSr"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page36-sjLfza"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page36-dEe17E"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page36-aR3W8q"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page36-OR66NG"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page36-eZXQXx"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page36-w8IR42"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page36-DnbHVo"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-N9y2v8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-MFUnCf"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-ho669g"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page36-b1yl3i"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page36-73XDgr">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page36-0eBEnJ"> <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-page36-9kjD9w"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1663490385772"><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-WiQsXh"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-lJe0in"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-1GzQaY"></i> <span data-ph-id="ph-page-element-short-header-sLiT6o">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-1586114803956-view3"><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-xPaAld"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-rV1vUA"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-7XiSXL"> <!-- <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-short-header-PJ82GE"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-hxXI6Q"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-BFnnXS"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-v3l880"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-IO6xcD"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-nsRmZh"> ${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-short-header-eRjtvs"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-IBWGkd"> <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-short-header-9fkQuu"> <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="ph-language-selector-v2-view3-43mw7j-lfXFKQ" data-show-listbox="false" data-ph-id="ph-page-element-short-header-6I4Afq" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-V7xKTS"></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-short-header-89lN37"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-BlT5k5"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-2pbX7P"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-MS91Hf"> <ppc-content key="ph-language-selector-v2-view3-43mw7j-ccbEVo" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-Gb8pCJ">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-short-header-k158bg"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-O80pHx"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-Y6f7Lk"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-8PUIoA"></span> <div class="country" data-ph-id="ph-page-element-short-header-FeeJFa"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-GYuK5O"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-MX0yaX"> <ppc-content data-ph-id="ph-page-element-short-header-Hs3MME"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-short-header-cbWBAf"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-fblAar"> <ppc-content key="ph-language-selector-v2-view3-43mw7j-tfaRVT" data-ph-id="ph-page-element-short-header-YojbPi"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-HUu9jn"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43mw7j-77F8SP" data-ph-id="ph-page-element-short-header-Z15tLy"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640671538486"><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-mHNs7h"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-obk1w0-UlAGdl" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-bTzRVq"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-HvF44M"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-zCVovs"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-El4oLX"> (${jobCartCount}) </span> </a> </div></script><script id="ph_app_page_id" type="text/javascript"> phApp.pageId = "page36"</script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1674816508556"><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-J23L1f"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="ebsJUo-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-wAZmkp"> <div class="dropzone-content" data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-bjvbTF"> <div class="content-holder" data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-uBX5jY"> <span data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-VHb35c"> <ppc-content key="FKqnRx-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-1663478860635-external-upload-resume-ph-import-resume-v1-UE0skS">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1674816512300"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-2TQDs8"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-FO9ICv"> <!-- 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-1663478860646-view4-ph-social-connect-v1-ESbqsk"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-DB1wSG"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-IUQeJJ"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-KQNHw1"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-wAgEWU"> <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-1663478860646-view4-ph-social-connect-v1-RsBBHo"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-orrlDH"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-HAkl5N"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-UMlP00"> <ppc-content key="Mecc0T-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-4xb6ZJ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1ZnKRnZ"> ${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-v169fHie"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-bcODjG"> <span class="social-checkbox-btn-text" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-abVmmp"> <ppc-content key="ygZ12H-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-HTcFto"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1ZnKRnZ"> ${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-v169fHie"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-qQavOC"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-nCQulP"> <span class="social-alert-msg" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-A1E8H8"> ${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-1663478860646-view4-ph-social-connect-v1-fu8I0B"> <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-1663478860646-view4-ph-social-connect-v1-zswJzc"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-46nvR1"> <div class="icon-block" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-EpjQPQ"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-Zkdp8J"></i> </div> <div class="text-block" data-ph-id="ph-1663478860646-view4-ph-social-connect-v1-bMo6bD"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1674816519742"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3ey8sW"> <div class="widget-container" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NJtyNb"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8vAlBf"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oj54L5"> <div class="fyf-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Il0pfj"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JQY3S2"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kIrKPU"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AWDahS"> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-sKt0H3"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JhrcsB"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DT03gN"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bBuErw"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-98TSZJ"></i> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NG9dE5"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Q90Fh2"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Xz7Rte" view="1674816519500-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-1674823814026" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IjH3Uy"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jZI4Qh"> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Cg6wL0"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VIgwQc"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-B11ePF"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-j0Lx4A"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5s8k68"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tL49uz"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JgX70m"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-B0B8SE"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-hVGXUV">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EjiV8V"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8I1v8v">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1S2KWS"> <legend class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-QEs0YW"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-brtC9K">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6NQWAj"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6fiJPS">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UPWGQV"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jw6Mwj" /> <span class="cat-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5sZVeq">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-T2bcZP"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0v0MsV"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1NLouk"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-25iRJt"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IRHFJQ"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ERyIPe">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-64aMSK">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wLG6Dz"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-x0CjP4">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LKSHgB"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zblZUD"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-G2zAtY"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DtHHTv"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OzK9sy"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-yldeaB"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-A4Vwq6"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XyMz3Y"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DXzVb5">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qlmiKS"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9UyIb9">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="6ty93d-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-06RkZ3"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qxrjkB"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7KVtlI">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-chL6pS"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3KFe3O" /> <span class="cat-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fIkW0D">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AZv2Uy"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-73Z0No"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XZLXi2"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6a7eiM"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-knNNmY"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-petuyX">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1QCo6g">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DGfB40"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0ok5I0">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xk3uZ9"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bKBLnc"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aP2M78"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rVCr8v"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dkiP2G"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-X7U83y"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TPOM79"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-N5S3m1"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-u05l96">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DOOL9R"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XNqZlz">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-exstln"> <label for="recentTitles" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-P38f0V"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2T3mTm"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="6ty93d-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MoMZ9Y"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DAElR9"> </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="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xNH9oj"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OpWh13"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1ub1B5"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2ZSMKX"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fsIXn2">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qxeMHN"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LTZAZe"> ${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="6ty93d-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-o2mnAA"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jjxVta"> <label class="input-radio-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UkvMj0"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZsYQ41"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rLMHbl"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-576TsK"></span> <span class="radio-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZP8SHx"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VCBNwe">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dp2FXy"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qfbbqU"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GUvn7b"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fZzmxO">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EbTobG">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.recentTitle.selectedTitle.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IlmU7q"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0Qe54p">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pInGtX"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bNjUv3"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aRbFhr"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CDnohm"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bUhhM6"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kpmbEv"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DubO8E"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-obZUuK"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Xia6k8">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-u0ljic"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-j7A4AO">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cDfHsS"> <label for="skills" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NiD3ff"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1lVlln">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wGnMqQ"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KoPH2p"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-eCLdYS"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kHxfbu"> <div role="list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2AV8tz"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pFHSav"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-hyQy6u">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DdvMWO"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Qn8K8k"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MW6siX"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-II6IGL"> <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="6ty93d-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZYENFZ"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-A2bT44"> </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="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kjLsvW"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZWV4MF"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tXgEbT"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0QwDes"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CgighU">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MCKMLa"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dhcuYI"> ${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="6ty93d-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-QSGlQf"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oKh4Km"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RocQYB"> <h3 class="suggested-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qchYaV"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NM3uu3">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VuHQbb"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WLjW60"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-YgCCMn"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3hHbLF">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-B0DE6A"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KgS4jU"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gvXx2i"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xl9AN2"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9UrYv3">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-n7jgHv">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-R1SfA6"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4rxUyz">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CIIzVH"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-g8Yapm"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pjhg2C"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-alfBJt"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PSr3PS"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MRVzwi"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FLsjYe"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7OdG6C"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ytp3ve">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-unTV52"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rhNOKg">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4f9BHl"> <legend class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WKexyt"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zJ8RGZ">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vVpm9t"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-yqMNHX"> <span class="radio-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-QeIU37"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ayvW70">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SCrIjF"> Year </span> <span if.bind="exp.min != 0" key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-n6k7PY"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gb2cly"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-clzYNv"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MxXv3O"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PQlhwj">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-psfs1L">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pNGuYN"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AJGkXr">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VMKJgZ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fio1xB"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DHZsAm"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LX6FDZ"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZwgPVp"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-agAgi3"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Ll69BL"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-X6KHJe"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aZPiDy">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pK8xSq"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9eX8Da">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93d-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-i9NMO9"> <legend class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oibouD"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cKE6nT">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pULCnY"> <span class="check-mark" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PD0dEQ"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-V1dHPP"></i> </span> <span class="radio-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jiEwYM"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JOgncH">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-j2TEwL"> Year </span> <span if.bind="exp.min != 0" key="6ty93d-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dyLsjt"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tf0X0v"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LyAejb"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TFfSfB"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oM1oMt">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-t7Mibz">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zgkvH8"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2T92pX">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zLwzH5"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VanYCY"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mIIIjw"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Mqr5fr"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AGeftD"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mf9wIN"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-grvlfv"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JrBWOJ"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qTYirx">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3bVWPS"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZtQBjk">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-hkQFBr"> <label for="locations" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tZ6Kka"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vi9IGB">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-h5dkRK"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SyFwiA"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pyDDdH"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-OWRZJw"> <div role="list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bVMRRC"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0Rb5DT"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TJTCJg">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nZr4BH"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cOhMeK"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ebLb6B"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gD6uAS"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93d-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Juxidc"> <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="6ty93d-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-default-1674812464452-ph-find-your-fit-v16ty93d-nfhfVC"> </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="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-B9GY8z"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KNeCMW"></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-default-1674812464452-ph-find-your-fit-v16ty93d-eRMlxB"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dRaYHa"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-m7VW1h">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Mlalin"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8v0TEQ"> ${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="6ty93d-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZtNByN"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ODWvVI"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-y9mr7n"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CVxNxz"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GbfqKA">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UknpmD">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Er2yx8"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nvjaem">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-iVPiIo"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gadyMe"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aQpVea"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Btu7iT"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mrIO9T"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xwXywQ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PPJlCK"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VQKXWu"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pYxNxO">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8Cnyl7"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-HT5rlj">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-20mAco"> <div class="preferred-location-container" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EzEn9S"> <ul class="" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wQFCaB"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RaJdPM"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zthxTt"> <label for.bind="loc.name" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oIW2kn">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4HJ1JZ"> <i class="icon icon-user" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-HOQ8TC"></i> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mQ6Ifg">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-lj5G6l"> <label for="locations" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-yPT1WE"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WPpuFk">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ij5v0B"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-w5varK"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wDAJDI"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TIYCgT"> <div role="list" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-I7M1e8"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OSitOV"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EH4Pn8">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-a7mR7E"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JfcSfL"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zNkb27"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-j7jumU"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93d-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SFPbKn"> <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="6ty93d-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-default-1674812464452-ph-find-your-fit-v16ty93d-uou2P1"> </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="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vcIO7j"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9acJNH"></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-default-1674812464452-ph-find-your-fit-v16ty93d-9ZNLik"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1uKvco"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93d-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GlC0OX">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-QAWeCB"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-702fmE"> ${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="6ty93d-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9qhB0N"> No results are available </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aQ0ycC"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FewUOl"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xcoWlA"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-69MJn8">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93d-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NL2twS">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KJ7hrY"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FVGW9V">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RpHkaF"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-hyA5xj"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-uee0Cn"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1lu0I6"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-G4U1rG"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NNvdit"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tiS9zu"> <div class="modal-body" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5mV1K7"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vDc5Ah"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WbNx7Y" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-S91sMF"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GNvJP8"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OHGIRF"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-scePu6"> <div if.bind="showContactInfoScreen" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SM6Q3Q"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7xsTVY"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EkzZdl"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KHkTFi"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-t2EcC0">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-default-1674812464452-ph-find-your-fit-v16ty93d-uAPUW2"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-U1jMFv">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CIjrWO">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UPctjn"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8bHCkQ">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IhrOwm"> <form role="form" submit.delegate="" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kd7r4s"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MhfNyH"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-I9laOI"> <label for="email-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0wtuG8"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TrUIQX"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailTxt" data-ph-at-id="email-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-978E66">Email Address <span class="required" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-22BIXL"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4h3RJ4"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolderTxt" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OxQeu8"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-X9Uadu"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dPpuDr"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nDkRE5">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1Gul9M"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JDxCHN">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jgukno"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kUCoKe"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8wUnvs"> <label for="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tUJVwH"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-d2AZlt">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-43YUkG"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Yfa1y2"> Preferred name <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-8lItCB">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Iy7Ahg"> <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="6ty93d-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" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1yWYjr"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DicSkA"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6x3g1h"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rXGGKm"> <label for="firstName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-k2kjBk"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-eIGlcx"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoFirstNameTxt" data-ph-at-id="name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bfIfxe"> First Name <span class="optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SjePyC">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-T9pxao"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfFirstNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cKODls"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4dSPMC"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Fzn3RQ"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-v8u6XG"> <label for="lastName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-lVsatV"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bmpjN4"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoLastNameTxt" data-ph-at-id="name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-E5FvKX"> Last Name <span class="optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-iF34tF">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-49gCD1"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInLastNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pinvxL"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EqDFfv"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-17OYJo"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-d7V3OR"> <label for="phone" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Zp3qNH"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JVpHb3"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneTxt" data-ph-at-id="phone-text1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UG7Lsb">Phone Number <span class="optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VLt09H">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pi75Ic"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlacHolder" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nIwjgZ"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-04um7l"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jh8Q2G">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-21bfcy"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dUFjyE"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oETsX8"> <label for="uploadResume" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TvB1FN"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WCWYNG"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoUploadResume" data-ph-at-id="name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cqxZ9o"> Upload your resume <span class="optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-BDJx2F">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5PucyP"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2q5aOn" view="1674816519528-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="1674816519528-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XUpbnI"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5Dq1bg"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="6ty93d-ph-find-your-fit-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DUMz9z"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bAOwp8"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Zg1YeF"></i> </span> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1EIJ69"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cfQraP"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AkxOGc"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jKTrQU"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EY0gPp">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OA1FSd"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-YmHBnJ"></i> </button> <span class="file-format" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZtIMAl">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zD4lp3"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OOLXC9"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bVIS4I"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gC7Ysy"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-276BcI"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DQKz9t"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-g93tAp"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rgXVnh"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RaqTRg"> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jFMd3O"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zftMkp"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2uBuNR"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KXYRZz"> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0ECOp5"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-lTXDtl"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SzdNZ3"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XBN3s6"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EoneWI"> <span class="icon-container" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xfkVY5"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aJkrF7"></i> </span> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dZPuvp"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3V98z9"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-b7IHi5"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-555LlT"> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TLpNdW"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WIALRF"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UVD23V"> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-soGfpz"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5guUAJ"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EoNExy"> <span class="sub-heading error-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VWIekZ"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7Wbd1o"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kZcsy6"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4FUCm5"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LLuEOc"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FgkRWa"> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oNbvTt"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-yC1Rh6"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XS0VAF"> <div class="heading-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xxO5sl"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Ps0L4l"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-whZc3p"> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TTzXDU"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-K1Ugfr"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0rMJmQ"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pBMREN"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1kVnUi"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-HGo05N"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PrfukE"> <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="6ty93d-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-63FwF9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ntCJmx"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-sQQXNa"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4eIu5m"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-s7wRA1" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy" data-ph-id=" ph-1663478849889-default-ph-find-your-fit-v16ty93o-Sfa9OL"> privacy</a> <span>and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-pe9JUA">terms of use</a> <span class="mandatory-star" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-VJhjP3">*</span></span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZnNxfw"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CFtoIM" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy" data-ph-id=" ph-1663478849889-default-ph-find-your-fit-v16ty93o-Sfa9OL"> privacy</a> <span>and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-pe9JUA">terms of use</a> <span class="mandatory-star" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-VJhjP3">*</span></span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JNS7Pi"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-lqNvhi"> 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-default-1674812464452-ph-find-your-fit-v16ty93d-b68SEA"> <div class="checkbox-btn-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xRHFPE"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-m8P0gI"> <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="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XGQJMa"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Jbwo4f"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-BqwbcN"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1TI9xj"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bcLlCH" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-sICACN"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Yg7rkD"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-8v4dv5"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8Lu1K1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7ZeGWi"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Vg9Ijs"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EGzVZE"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2iW5vI">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1eOqfd" view="1674816519529-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-1674816592579" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DGtLYr"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GnarRq"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CjOuo3"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SUWxpE"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-md2QXG"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93d-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-A9OPqM"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kyVqgt">Submit</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EpZm03">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aKJOt2"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Dr3Ipu"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pXGfRv"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-j2yixt"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Kk7dJy"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tzE7Yu"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5Itlsu"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-8SmXAK">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-QZgEbT">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-default-1674812464452-ph-find-your-fit-v16ty93d-n7D8f1" view="1674816519551-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-1674816554709" instance-id="fyf1" original-view="view1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0FJcQg"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5yb4Bh"> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MlDQO0"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gDSW3R"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-BP4ZFy"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pfwiHi"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xasHtS"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LZVRUe"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0NSTUN"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TsVJac"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SGAHXD"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dcD2Wb">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-default-1674812464452-ph-find-your-fit-v16ty93d-MtUp85"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FhSK2G">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-E7hVFb">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PSSaE8"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dlJvE8">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-i3kUqN"> <form role="form" submit.delegate="" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bYzL6k"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nmdCeA"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EGXbXD"> <label for="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fbMLVk"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gqn1H2">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5ZRAIE"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-POdOfm"> Preferred name <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-8lItCB">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IlPyEs"> <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="6ty93d-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-default-1674812464452-ph-find-your-fit-v16ty93d-ezFy4r"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-rv8g2V"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gij9K8">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-default-1674812464452-ph-find-your-fit-v16ty93d-GlCtjJ"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2mFsUJ"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OPb5ij"> <label for="name" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6FZiEK"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fDiNOK">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-moCr1h"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Z6CNAf"> Full name <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-MsaAz6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VsbyUu"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6u4VCe"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5xNewx"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rHsbsS">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-yu406W"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-M0mpwh"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-CFrWBr"> <label for="email-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-oCfkjP"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-63dKbU">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FzQ2oU"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UAipXE">Email <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-lOpB59"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Pw7mkl"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tIQrSl"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-g7ZYOx"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nNzWLP"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Ve8cCn">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5nJnx5"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7o9azr">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1yp6wK"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Oh3kzl"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rBaOMi"> <label for="phone" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Ar99H8"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-y7qROb">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kmVamh"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UDRbH4">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-To6ZfN"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ztIVJJ"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-h5b8M5"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-t6gFbS">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NwIv6T"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AyocUr"> <div class="security-info-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0gtOlR"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XKtD1G"></i> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4SiTxE"> 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-default-1674812464452-ph-find-your-fit-v16ty93d-vVfCp7"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rwjUMO"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2eFYPQ"> <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="6ty93d-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UGOZCr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UJ9V8g"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-V8knjF"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-frzpQT"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-iar1tI" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy" data-ph-id=" ph-1663478849889-default-ph-find-your-fit-v16ty93o-Sfa9OL"> privacy</a> <span>and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-pe9JUA">terms of use</a> <span class="mandatory-star" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-VJhjP3">*</span></span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-64DDDX"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PbfSww" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://welcome.miami.edu/privacy-and-legal/privacy" data-ph-id=" ph-1663478849889-default-ph-find-your-fit-v16ty93o-Sfa9OL"> privacy</a> <span>and <a class="termsLink" target="_blank" href="https://umiamihealth.org/website/terms-of-use" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-pe9JUA">terms of use</a> <span class="mandatory-star" data-ph-id="ph-1663478849889-default-ph-find-your-fit-v16ty93o-VJhjP3">*</span></span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-rNNDMR"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-90K4Dx"> 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-default-1674812464452-ph-find-your-fit-v16ty93d-8QK6Hj"> <div class="checkbox-btn-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-leaHOn"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PzaLjQ"> <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="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cpPpet"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bQnjhS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IuF5V2"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-orbUTi"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-YFcvtO" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0Hxe8K"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KjJeUG"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-uvrx9q"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-s9Ql3P"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vzBdJa"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-VGXUph"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jY7ADA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-h8GC7F">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1VoPIR" view="1674816519628-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-1674816592669" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ClJWxQ"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TRZtbg"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kYr2YF"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6t9jE8"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-acyBKh"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93d-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JliKhZ"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IjBb2K">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FvrGHe"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-UoaLRC"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5gHguT"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RHsWHM"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-k51N9L"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LngdWR"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-uZceJ8"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-lAwErN">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FuPA0f">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-default-1674812464452-ph-find-your-fit-v16ty93d-h3GAKD" view="1674816519640-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-1674816554955" instance-id="fyf1" original-view="view1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wK9sZZ"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EWyVlb"> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-S7iZmj"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5tMSPh"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GYGXWW"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-dt9OJX"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-G54Hg1"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FR4ylT"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1uUz4U"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-M8y5bK"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LE7JqN">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4m3t0x">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JCQZ2B"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-FdkGlA"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0VhlQX" view="1674816519721-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="1674816519721-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-nAInVR"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xym1gi"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-I4kRSu"> <div class="widget-container" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RYZByy"> <div class="content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TdjJKr"> <ul class="login-link-list" role="list" key-role="6ty93d-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4WrTLI"> <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="6ty93d-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xvE3oq"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jpj86X"> <div class="icon-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IWPjGm"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-i089Yr"></i> </div> <div class="text-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NhtYKp"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-x2prmp"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-iKkNIL">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6885NH"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SZJoc2"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-v125Q0"> <form role="form" submit.delegate="" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Rk2fCh"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-y9SYjE"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ucrFxp"> <label for="preferredName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-HXlWhT"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zFjAoU">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gj3hS9"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2aooAO"> Preferred name <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-8lItCB">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-JU7103"> <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="6ty93d-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-default-1674812464452-ph-find-your-fit-v16ty93d-k9IBY2"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-12x4PK"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Qkd3kh">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-default-1674812464452-ph-find-your-fit-v16ty93d-TOKt8J"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fmTRkD"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DaaFaV"> <label for="name" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Tb3sNl"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2vvhM0">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PNJwnR"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NROL3Z"> Full name <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-MsaAz6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-fas25A"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-WLRCUk"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GgCdw1"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-SxlGph">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RZPjgm"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-w493pe"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-svfZxq"> <label for="email-2" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zx6rDJ"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RsHONi">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-wDegic"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-obljFP">Email <span class="required" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-lOpB59"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-a3jVfz"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-flPAF6"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-qlzqya"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LwMyW7"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mQR4pv">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ayvur7"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OuWu1e">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-eDLhUJ"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kriLtE"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-I52LRZ"> <label for="phone" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-E1cSoZ"> <span key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AVKItA">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aBjDyv"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-6emddm">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xMQgOk"> <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="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RTqkLH"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-06Lh1E"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-g1SejV">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-2iIBbv"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1IaZaU"> <div class="security-info-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1dk3LR"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Y9KABV"> 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-default-1674812464452-ph-find-your-fit-v16ty93d-JCzKYk"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bjH9la"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XUdRDG"> <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="6ty93d-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zTyvkC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-kFIRXe"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TT7VjY"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cbeWE2"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OY92dP"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-UbhWWD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-AkVs82">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-pXCx82"> <ppc-content class="cd-terms-policy-block" key="6ty93d-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-BRezT8"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-UbhWWD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-1663478860658-default-ph-find-your-fit-v16ty93d-AkVs82">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-default-1674812464452-ph-find-your-fit-v16ty93d-yve5ZW"> <div class="checkbox-btn-group" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1oWKgN"> <label class="input-checkbox-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LkKfkn"> <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="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IZq2sN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-flWnzU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-GPDtLP"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-0hqfOW"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ATamNp" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-f3MZHq"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1trOhz"> 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-default-1674812464452-ph-find-your-fit-v16ty93d-zjg7ob"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-PBPNkC"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-BzGptC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-3lrmUD"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7kdbjv"></span> <span class="checkbox-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5fMW0d"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-BDYC0h"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cs89nJ">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-LTGlnl" view="1674816519722-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-1674816592752" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TK7iLo"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-XJhkL2"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-7SJYyM"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-tJFAMH"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4lRwvc"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93d-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-MNup7m"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9aFy8c">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-vrmvFq"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-aHGdOX"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bwk2As"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-KuckFq"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-zSlAWr"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="6ty93d-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-gOS6zr"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-njhkFj"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-iK5Z03">Skip</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-9guLaz"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bwVXod"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-TXffGG"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-c8X9dS"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-43sTVW"> <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-default-1674812464452-ph-find-your-fit-v16ty93d-sMiJGM"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-mWPF1S"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-arrCJD"> <div data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cfKjuH"> <ppc-content key="6ty93d-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-METFjN"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1R3IxA"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Tauoob"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1674816519528-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-5Dq1bg"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-DUMz9z"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-bAOwp8"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-Zg1YeF"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-1EIJ69"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-cfQraP"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-AkxOGc"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jKTrQU"> <span data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-EY0gPp">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-OA1FSd"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-YmHBnJ"></i> </button> <span class="file-format" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-ZtIMAl">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1674816519721-view5-new"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xym1gi"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-I4kRSu"> <div class="widget-container" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-RYZByy"> <div class="content-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-TdjJKr"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-4WrTLI"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-xvE3oq"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-jpj86X"> <div class="icon-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-IWPjGm"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-i089Yr"></i> </div> <div class="text-block" data-ph-id="ph-default-1674812464452-ph-find-your-fit-v16ty93d-NhtYKp"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1674816554709"><div class="candidate-login-widget-area" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-NFe7JS"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-uwBJq1"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-AGcrih"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-1ra3e1"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-jWccg5"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-EIaUS6"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-GMweJT"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-EGZbT3"></i> <span class="alert-msg" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-WxJfKM"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-vF43Z6"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-f2zFIX"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-2yjSHH"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-4m3HOb"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-x3ATHV"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-QKbzOo"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PqA7Me"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-njjOvl"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-sBl9Ha"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-8yyCzw"> <form novalidate="" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-NB2XfB"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-9pOGit"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-0RZOWq"> <label for="signinEmail" class="form-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-2lHBSc"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-MnxBHZ"> <div class="text-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-xWiEyE"> <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="off" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Ndi8T3"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-ahfeAB"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-NlGcjS"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-QN6XMr"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Bmvqjg"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-QEEKYa"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-g7N6i0"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-vwD0LS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-3mmjfl"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-C5CIzg"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-22wtQS"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-ewccRv"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-cGSD81"> <label for="signInPassword" class="form-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-f4ZhYo"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-VihxLB"> <div class="text-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-xvCYJh"> <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="off" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-s3vqpm"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-K7Xtox"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PBw1ia"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-xi7i8S"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-oN02nJ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-ZutXtw"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-9jq2Lr"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-LIcALM"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-08SoQu"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-6QkHHT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-nv4vyy"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JbeS1o"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-7ZBBC6"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-j4ngE6"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-1OWfEA"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-O2DPgt"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-3OdvZX"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-f5rVbn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-w3tvjI"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-i1oOoA"> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-UBSG42"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-3X6sBK"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-fcDsoH"> <div class="user-options" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JW94ap"> <span class="each-option" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-XaujZ5"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-C0frGQ"> <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-1674816519551-view1-ph-candidate-login-v1fyf1-3wAhef"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PnsGxr"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-p3kt31"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-uooeKL"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-J170VP"> <span class="forgot-password-area" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-1plf9x"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-qIY8da"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-3r3qON"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-umZmhx"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-6voaGp"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-pbwuVm"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-VGi2Nz"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Cahzzn"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-SfMUUq"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-9KBzSz"> <span id="cd-pf-recieve-email" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-WJRfpB"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-rPXQ1u"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-STWCSG"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-73Ve6Y"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-bGe8us"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-wdichu"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-rPNRYk"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-0NY89S"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Avw4Zr"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Bp8oGu"> <form novalidate="" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-ZKqepi"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-FbHTSt"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-COyanL"> <label for="createEmail" class="form-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-mQSQpa"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Vh5kAH"> <div class="text-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-mIEjP1"> <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="off" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-auLRiK"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-fHDBjw"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Wh7dXT"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-6Fspt3"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-nX0opY"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-IiuQsN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-8HdS8M"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-TNFPth"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JMdzBZ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-O8YuAB"> 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-1674816519551-view1-ph-candidate-login-v1fyf1-BwkQ3p"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-FGlgzd"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-awKR7q"> <label for="createPassword" class="form-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Hm0dUZ"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-6T55xI"> <div class="text-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-pGynir"> <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="off" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-pZFosr"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Gtnnpe"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-vY7ytK"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-OCFgK8"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-bZa2NT"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-l2XnKX"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JyfjQf"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-y3KDk9"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-9KodAY"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-3FsxUS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-7mMFOs"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-n1OMzg">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-xXASSR">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-zKx4bk">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-wKZcuc">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-md59fy"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-hIoWxR"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PGjtOF"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-c9ntJX"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-AeYzBL"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-MhPNb9"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-FxIGGe"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-CS1Sw2"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-pRTVAW"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-aFNJw3"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-l8TV8h"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-BJk87J"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-HSrfYZ"> <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-1674816519551-view1-ph-candidate-login-v1fyf1-0HBnOT"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-qZ6ocZ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-L7KyVE"></i> </span> <span class="checkbox-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-EocxBG"> <ppc-content key="krmYu8-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-F2SVaR"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1s1hre4"> ${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-v1e0zZtb"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PYUGRM"> <span class="checkbox-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-M9BE6p"> <ppc-content key="1m7ptm-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-80VYnK"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1s1hre4"> ${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-v1e0zZtb"> ${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-1674816519551-view1-ph-candidate-login-v1fyf1-zLgchP"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-13UGt1"> <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-1674816519551-view1-ph-candidate-login-v1fyf1-BzPiDm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Z7ICSi"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-rOeMgn"></span> <span class="checkbox-text" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-J7Ux9p"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-KMse9E"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-97TixW">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-cOGqLv" view="1674816554661-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-1674816592856" instance-id="dk1signup" original-view="default" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-DN9oex"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-pkdKGq"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-LyrhFA"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-T8T3IQ"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-X0m0J2"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-SkbHRJ"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-wzVeG4"> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-d7CDtp"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-mUSfr2"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-YZrMv4"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-0LYmUm"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-nfOCKJ"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Chz8pg" view="1674816554685-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-1674823814151" original-view="view5" instance-id="" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-L5ofxF"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-1BB2wc"> <span data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-t9gQgc"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-yGrICS"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-z3VFDr"> <span data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-fYA88V"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-6ghqku"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-xmTEQk"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-8uWjQz">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JXfYYR">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-ahyoUL"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-zBHWX7"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-IxiGUl"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-KEoIr6"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-cjUm9h"> <form novalidate="" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Ybgjlg"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-F1nfid"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-PpXCGG"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-u5AWi6"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-5KwxGs"> <div class="text-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-YnODGE"> <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="off" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-SYu2Nl"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-Me1mpl"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-SEsuKZ"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-1YanPj"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-4JdM4W"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-GMiLJf"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-b97Gzl"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-iIh69o"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-XPPaNi"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-zAFTDS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-qyZ5jU"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-H1cKlK"> <span class="sr-only" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-fGtt4J"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-U75Vjn"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-bWoovG"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-41Q21P"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-mRin4X"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-WVHzkK"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-9tkM3p"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-cLThE4">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-vPIc8H">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-5k6TWf">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-HOw6aQ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-nY46kV"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-JpJWcc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-jrSN7F"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-gy4KFg"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-unOlbk"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-CjzsB5"> <div class="form-container" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-UliFHQ"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1674816519551-view1-ph-candidate-login-v1fyf1-kmxslJ"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1674816554955"><div class="candidate-login-widget-area" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-6LnoMt"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-vVm7qf"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-1Ex7xh"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BR0VPC"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rEm8vf"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-bmjkyA"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-8M1hRd"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-iLehtA"></i> <span class="alert-msg" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rWMPW8"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-tM2z6J"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-dunvMX"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-T896V6"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-j1vgAv"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Wmkxv6"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JAZhFs"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-W9whSR"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JJiXIl"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-LLi9MP"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-oZlAHc"> <form novalidate="" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-uFmLpl"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-vbRmbE"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4sC2vZ"> <label for="signinEmail" class="form-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-uwlP3p"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rMbiAD"> <div class="text-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-wfAv2p"> <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="off" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-E4TOoF"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-YzQ6px"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-SIs80I"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-ufMHRe"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-qNVL7a"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-c9wWGG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-RFj3Md"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-N0QDdc"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-z5dewa"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-F2lIxO"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-LUTRWq"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-42USqj"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-rO3iU4"> <label for="signInPassword" class="form-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Qw9V44"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JmuTYm"> <div class="text-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-W4BcEH"> <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="off" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-eLNl4M"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-dke0V7"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-933qH1"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-qulfJF"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-OPs55O"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-XwFgEv"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-8Aq6v5"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Vh1WB5"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-EcWx0M"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-f0DL3v"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-FEMAGR"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-uTQ1w3"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Ni1NmM"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-magEJl"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BYCQEf"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rXrNEm"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-9hqDIF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BeKFsr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-dhIMky"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-mN17wo"> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-jwk01x"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JelMKV"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WHghi1"> <div class="user-options" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WY5f4A"> <span class="each-option" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-5lo94C"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-pFVrqz"> <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-1674816519640-view1-ph-candidate-login-v1fyf1-Hk9Q5V"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-8e8Re5"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-l7h79X"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-7zafXP"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-XVLc1D"> <span class="forgot-password-area" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-05pJ2U"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WWHfjs"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-7dx7X4"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-fo8oNq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-FdU44K"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-nRvOLy"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-sl55ZP"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4swr7F"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-AHlTic"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-ZaAsEg"> <span id="cd-pf-recieve-email" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BTGFaS"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-AMH88K"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-iCIMOK"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-hxUUTk"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-kcsLm9"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-LcBUhM"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-6Jae1K"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-ZeC291"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-AKf64u"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BeF9tF"> <form novalidate="" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-RkXXT2"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BJqfxZ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-fojfxm"> <label for="createEmail" class="form-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-dzQPr8"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4s6ryW"> <div class="text-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-loLSsx"> <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="off" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-RqBMpK"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-mhN8HU"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-nqFnra"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-nfFiVo"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-MfIQ60"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-ywwBn7"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-q7X4l3"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-v6ADmq"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-hIgvQP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-HDofYU"> 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-1674816519640-view1-ph-candidate-login-v1fyf1-kREo5f"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-iK60LC"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-aweQ0M"> <label for="createPassword" class="form-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-7osZlu"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-bwHIDU"> <div class="text-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-KicadH"> <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="off" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-XCiIJZ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NUsaaX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-OW5X0D"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-FrTIhO"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-owYYlv"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-wBds9F"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-vkQkmO"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Sfttza"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-62bQII"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4PdsCA"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-H7vC0t"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-vYvZz2">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-nyziox">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Be5dQn">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-AQt2kW">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-iOGOM5"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-U6ueCE"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-UX91L9"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4Kzolz"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-BV1KXr"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-MuZVVM"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-RF2m1a"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-IfMtFs"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-TsoXpu"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-XctzW5"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-weYPV9"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-as8b1j"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-uZ3vyO"> <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-1674816519640-view1-ph-candidate-login-v1fyf1-K4S5FU"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-YaO6lX"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-IHMyO2"></i> </span> <span class="checkbox-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-qVpgkH"> <ppc-content key="0F3cjF-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-P8GQMt"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1s1hre4"> ${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-v1e0zZtb"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-SymPnJ"> <span class="checkbox-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-M0Rx2B"> <ppc-content key="VRCvqu-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-xzFiFP"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1s1hre4"> ${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-v1e0zZtb"> ${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-1674816519640-view1-ph-candidate-login-v1fyf1-uxCmKd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-olS0uL"> <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-1674816519640-view1-ph-candidate-login-v1fyf1-B0eQb7"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NSPILx"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-lhVfOU"></span> <span class="checkbox-text" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-THiCWG"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-4fsUoP"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-ABhPKb">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-QkMd08" view="1674816554661-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-1674816592942" instance-id="dk1signup" original-view="default" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-f0zJwa"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NxP2Ey"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-U3bKki"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-0OknLw"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Du8GGL"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-bP9hkX"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-MxymvM"> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-pPOarZ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-3Bfpev"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JJdLEt"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-B1jt3K"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rfAfne"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-6rZpUj" view="1674816554685-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-1674823814286" original-view="view5" instance-id="" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-mfibd4"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-ghFtHf"> <span data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NOsy2x"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-3HInYR"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-u6w7yw"> <span data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-2jMZVq"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-P9o5Wf"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-JOxjUM"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Jo2PWu">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-IgsDRX">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-5y90JW"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-2lR9Fm"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-SjdbjC"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-1f5beq"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-npXFat"> <form novalidate="" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-pJbxDq"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-mqJhYx"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-zw0c33"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-VRfRoc"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Gg8iDY"> <div class="text-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-P16JxO"> <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="off" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-V7ai3M"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-1iqFX2"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-6r2Kv1"></i> <div class="pswrd-visibility" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-CYTFSt"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-cuhYWA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Ci9q8U"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-1xx7ap"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NbmTkx"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-bD6QaZ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-aMgl4Y"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-wkHZ7U"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WEIsrK"> <span class="sr-only" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-yIHwX7"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-XKBwp3"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-yTKh0T"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WJs6Se"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Ta2ekL"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-mCFORE"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-Otm0eK"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-WK9lFI">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-7aMvzP">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-fm4I2M">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-776tB1">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-rCUnF6"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-NmwKj0"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-g91ReB"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-hhfoXu"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-RyqEZu"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-UkK1dM"> <div class="form-container" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-zHHLEb"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1674816519640-view1-ph-candidate-login-v1fyf1-eV0ZdV"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592477"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-f386go"> <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-1674816563258-ph-consent-popup-v1subscribe-48niiV"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-ylJ8HH">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-sPtdKt"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-SSDFiv"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-iYTV8f"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-rBOssq"> <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-1674816563258-ph-consent-popup-v1subscribe-nG6uBK"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-6giYtz"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-lfKHML"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-j8PRls"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-fNNFVj"> <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-1674816563258-ph-consent-popup-v1subscribe-cSVjLk"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-eqU13q"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-rx89pA"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-YEaJCJ"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-bUc51E"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-KwObpZ">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563258-ph-consent-popup-v1subscribe-mvnja7"> <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-1674816563258-ph-consent-popup-v1subscribe-uFiInT"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592579"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-d0ajk4"> <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-1674816563364-ph-consent-popup-v1fyfconsent-SQQaRn"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-R5Hk0c">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-9XUzNg"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-EkjyAZ"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-h005o4"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-oTKhMj"> <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-1674816563364-ph-consent-popup-v1fyfconsent-ndGVSy"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-ozFKcg"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-iidwPF"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-5uZscI"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-ezxjNn"> <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-1674816563364-ph-consent-popup-v1fyfconsent-mpRcWE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-yFNWKy"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-RBMEq7"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-n0Swou"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-p7VS5j"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-v16nWk">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563364-ph-consent-popup-v1fyfconsent-gSOKJv"> <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-1674816563364-ph-consent-popup-v1fyfconsent-DvBBjh"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592669"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-YkitcM"> <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-1674816563447-ph-consent-popup-v1fyfconsent-Az4I4D"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-Ocsw3x">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-55JDOc"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-0qYA3q"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-gGX2c2"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-IJ6DKN"> <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-1674816563447-ph-consent-popup-v1fyfconsent-L0vsfC"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-unYTcD"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-o2wckm"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-QQbIvB"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-2C9R3q"> <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-1674816563447-ph-consent-popup-v1fyfconsent-MPcdOS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-1BqTXF"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-gmvDeY"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-QSgbDN"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-7iWyaq"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-tnT34a">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563447-ph-consent-popup-v1fyfconsent-1axoDr"> <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-1674816563447-ph-consent-popup-v1fyfconsent-U2WA6G"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592752"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-oq8vDQ"> <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-1674816563549-ph-consent-popup-v1fyfconsent-nfb56f"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-Pk8NRt">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-cOTFlm"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-b8B5b5"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-aSUIQp"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-5ZDhUo"> <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-1674816563549-ph-consent-popup-v1fyfconsent-wyyJsB"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-x24XE5"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-ipMLh8"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-1FwmFp"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-iYFjF5"> <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-1674816563549-ph-consent-popup-v1fyfconsent-bvzQsD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-LNvJkW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-9QsoIo"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-2IPT2R"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-qvPa89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-8CXwNp">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563549-ph-consent-popup-v1fyfconsent-KsOvHy"> <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-1674816563549-ph-consent-popup-v1fyfconsent-4OYeoC"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592856"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-xwDHci"> <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-1674816563633-ph-consent-popup-v1dk1signup-VBadcX"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-r3Da9R">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-lG9fJ4"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-3N9nXz"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-Vlm0rr"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-608rTp"> <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-1674816563633-ph-consent-popup-v1dk1signup-Wx8gw2"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-H1qdz3"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-RU6RTo"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-TPEUrP"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-KOTNLY"> <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-1674816563633-ph-consent-popup-v1dk1signup-hBYp6f"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-6yUlMo"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-HIBAPB"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-LYWqKu"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-1aJaNR"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-Umibio">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563633-ph-consent-popup-v1dk1signup-jqzLkk"> <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-1674816563633-ph-consent-popup-v1dk1signup-ViYr2K"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1674816592942"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-i5iQot"> <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-1674816563752-ph-consent-popup-v1dk1signup-Sy98sD"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-OtY8kX">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-PeDUyC"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-ndbty4"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-7hM27X"> <div class="close-popup-btn" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-Dq5qFl"> <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-1674816563752-ph-consent-popup-v1dk1signup-CsrNrR"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-K2OUMM"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-DE9R7g"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-6nF1bw"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-sPfUb3"> <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-1674816563752-ph-consent-popup-v1dk1signup-qgU5AC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-HD693f"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-Iah66s"></span> <span class="checkbox-text" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-9JPh4E"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-mJvuXy"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-JE7MBC">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1674816563752-ph-consent-popup-v1dk1signup-nOOmdD"> <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-1674816563752-ph-consent-popup-v1dk1signup-pFn2wL"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1674816602858"><div class="candidate-login-widget-area" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Xl9URm"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-MgAQHR"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-rqBdBf"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tC71W6"></i> <span data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-S6alTg">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-WHKnBk"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-wDQlOs"></i> <span data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Wln3GG">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-uIX5G9"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-K6UuDv"> <!-- User details --> <div class="user-details" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1fAPcj"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-l4bRyE"> <span data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Rk7IpP">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-pUIPUN"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-QAFClM"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-bpPUeL"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-CY95kN"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-JYkKde"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-61T6I2"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-c5FVeY"> ${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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-wxhoch"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-sXE6rm"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-JYSK7Z"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-nvUo1v"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-X8BBuc"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-XHGIBw"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-nJbBIP"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-YedoKo"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-m7dywn"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aWwRml"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-sRJFTF"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-IjjJLm"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-UQ6nyM"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-bIdNUF"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-u4UJxM"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-A5IIgN"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-cdZ8wY"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-GC25e6"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-uPHKip"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-YFhYxI"> <form novalidate="" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-AB6Lgk"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-jSG4TQ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3tTbHK"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Ec66Ug"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4EKd7s"> <div class="text-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-XAgXBG"> <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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-hBklCF"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tttPdj"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-qHL3Rl"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-astJIg"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-GlTccI"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1KP7LR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-yYQiP3"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-RngwhX"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aTBw3F"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-M1fog7"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-lnKs0p"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-kEEv53"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3XCOMc"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-H8zpds"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-YJvOnD"> <div class="text-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-L5s0RI"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-IuksbZ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-iiq29m"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1D7HWb"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-VDupZB"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-5JpbCb"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-SGtTRV"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-J0adWf"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-9P7koL"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-8n8DRu"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-EluQJb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Iyukcq"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-gEuGqI"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-PjrFls"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-B1k4Kl"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-zp8twW"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3rCTLM"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aqPYxm"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-dxsDh0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-TkUtUD"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-QVDyg3"> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-RcY50m"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-SXtBT7"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-oojRi0"> <div class="user-options" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-RwCbs2"> <span class="each-option" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-DOv7y7"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-eWoYnz"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Fpwjnv"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-b7jrGq"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-E1LQPW"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-RVSBDk"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-I8HDvx"> <span class="forgot-password-area" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-25FVCe"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-mYXzht"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-8csSwn"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-e3WkIe"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-zUkBb8"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-9ZpI1V"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4SwEfN"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aVfX2l"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1NJ1Xo"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-8t0OOz"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4Svh6W"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-SL9M2Z"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-6x2F1j"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1veqU2"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-yBTe8r"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-yNpGfr"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-7Xn57j"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ftt2dJ"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-dmOun2"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-lmqi8w"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-6uTgsI"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-wiMYgu"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aXha4E"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3NKQMf"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-drfROL"> <form novalidate="" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-jfPZco"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-aDMHPQ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-78FdeX"> <label for="createEmail" class="form-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-zfzB1C"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-JVJNBe"> <div class="text-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-RkiYXP"> <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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-DcMNjo"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-zUNGCZ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-uGUGzW"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-l12tON"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-T4c9y6"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-NVdKC5"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-L89D7I"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-XVhxgq"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tBXM39"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-7OrD6F"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-bGu4Jy"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-giJWky"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-jTh1yQ"> <label for="createPassword" class="form-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-r986B3"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-VKloY1"> <div class="text-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-cRy6li"> <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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-vcW37x"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-7IR0RQ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-rXiiPQ"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tnggA9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-dQsosA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-NXr22e"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-lxs1yU"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4rOdKJ"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-YHjgO4"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-1PdxT1"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-uUlVTK"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-8k1vDy"> <span class="sr-only" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-hDV91v"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-U44DIh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-iVkj7s"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-zNJU63"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-l4G9oJ"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-UaYHFq"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-lNFZnp"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-AjyQhf">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-QVGf2M">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ltyw8K">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-VEweyq">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-HLmZNZ"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-T9wizP"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-5xNsZ1"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-HMg3Qf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-e26W3X"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-c3b3ST"> <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="oiuytr-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-xd9O2E"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-wm63yA"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-mwMSnH"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-xKvGZm"> <ppc-content key="ZIZlEq-oiuytr-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-JHFCU5"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-EwJ4tH"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-HIjHZN"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Jq5jOz"> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Yz01FF"> <ppc-content key="Wqr31g-oiuytr-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-TpLHaM"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-EwJ4tH"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-HIjHZN"> ${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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tFKCcy"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4qFxWb"> <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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-mUUiJL"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-AXk18W"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-hEHmUN"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ebrgpR"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-E4tTks"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ipvdQ6">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ATYZLh"> <span class="sr-only required-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3jOXeX"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ngaaJd"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-r6nf0J"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-sjeub3"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-q0rD69"> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ViJwBi"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-3aFv0l"> <div class="form-container" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-FKYVQF"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-b0ZsGK"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4P8zSO"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-0dtG9c"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-H4BPa4"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-y3zoOu" view="1674816603623-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-1674823814482" original-view="view5" instance-id="" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-fVZTel"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-6mtHb6"> <span data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-5ZjqVQ"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-7kWgUK"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-vb5NrN"> <span data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Q5HwLm"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-f63jyP"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Fg9SjM"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-ieqN9f">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-qSuXpc">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-k11yFT"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-IEerlP"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-MrHPQ1"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-PYe1pD"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-9274h3"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-4pGjMb"> <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-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-NMFgA6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-So7oET"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-I84p6N"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-tszCNO"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-2BA2s1"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-Yrk3TQ">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-CR6uDz"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-mobile-1663490354233-ph-candidate-login-v1oiuytr-GUsArO"> ${!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-1674816648776"><div class="candidate-login-widget-area" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-o4b9xk"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Qc1SJx"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-c4zpXv"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-SX5i1L"></i> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-hVFpBB">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9ZeSBx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ycVXqL"></i> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-oMlJF0">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-OEim3T"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-RPnufj"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-kTMzLq"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-e9Vv3x"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-rDSodB"> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2zwBaL">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vMnlGP"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9ygStf"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-cGsLsa"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-jOXqmS"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-K8Csj6"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-zxrNMZ"> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2RMfA6">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Tnh292"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-biW33I"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-wjQX35"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-7WfkeM"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-mkk3o0"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-SmoI8j"> <div class="user-actions-list" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-zUD3xk"> <div class="user-actions-listitem" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-MMKKcX"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-oVzgiG"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2Dtwdm"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-hm8nIo"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-5I1xV0"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-AMJLkd"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-bXVejt"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-T6tXmA"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-NJhkJB"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-lGEaxY"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-dceYzp"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-23RWyz"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vtV1QI"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-JDvqgs"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-kRTZ7O"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-u5106D"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-DZY1rA"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-RbIPjl"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-UivzID"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-7aWzSL"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-UYlSJP"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-LdS2NX"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-V6Yswq"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-mzs57y"> <form novalidate="" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-HvaR4L"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9Fk1FQ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-74OX17"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-X3EOTC"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vcSlqJ"> <div class="text-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-gwF8P6"> <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="off" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-r6tcwf"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vaMCNk"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-a0yJKl"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4vQ591"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-erFJJU"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-YzSYWS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2g5UHi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-11jgqc"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-aoaDoC"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-x13muJ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2IBJff"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ctCcer"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-eOT9VH"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Zc7bm5"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-hH6YHe"> <div class="text-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-zkU40Q"> <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="off" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-bIifiK"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-G4IjBd"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2aKVxV"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-wb8TDU"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-nQ9EGL"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-qEYqkP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-fDbNyE"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ivfE1Q"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-d1PefL"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-O0d8YE"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-k9wBqg"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4JeIWH"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ncODVQ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-HxukDJ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8LZePz"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ZxqXoC"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-kc65T6"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-KvTN7w"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-1EXA3j"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-63gMIT"> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-EqOX6m"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-QTq8T7"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-sRhROu"> <div class="user-options" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ms2QEM"> <span class="each-option" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ikjRAV"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-NNJ6VZ"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-LDTXuy"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-UIPLRH"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-hZstN9"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4AnPHj"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-SgPRnM"> <span class="forgot-password-area" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vnhDlT"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2ygJ4h"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-lpzM7j"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-tty8eL"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-fc0CUl"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-gj4amU"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-RLW9iS"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Xj56wE"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-u49HsV"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-JdK4vU"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-cw2Tuv"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-T4Rry8"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-EEmYra"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8uYhcj"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4QixJA"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-dA87ov"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-w83usR"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Nd9w83"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-guRxBV"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9yvukY"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Gf1K0m"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-l6vCz4"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-eD2m2l"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-K7Zm2L"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-SajQpR"> <form novalidate="" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Vxhtva"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-agRvqg"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-luovRi"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-W4tfj7"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-X044sy"> <div class="text-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-trfJsn"> <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="off" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ITJVRO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-giAYio"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-aYP9oc"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-YS1YGj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-tDV88O"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-StDkHx"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ap9Xgc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-CeJpt0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-qRnaLn"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-fm9xGj"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-2gu5Hl"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4ASPKD"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-qA1dQF"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Rbzdlk"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vGx3kB"> <div class="text-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-nlBdj5"> <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="off" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-j1WkRu"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9yqpFT"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Y5VT63"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-lcsI09"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-fnFkTs"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-50FeYW"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ld3mrQ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-TEtZOb"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-sMqLrm"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-e6L8WE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-VliV7U"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-3kjCd5"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-wGQiWz"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-6mHV6W"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-5PZC9i"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Eiw6Zg"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-5URmJR"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ri05NZ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-dPO7Yw">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-1Ep4fr">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-uBtWwf">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ayqzSJ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-G9hwYA"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-HhUXKs"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-1zTHOw"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-YKO9bo"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-0ZBfbp"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-hI7FgI"> <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="fyf11-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-vyihOZ"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-3jsGVa"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Pr7sIX"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-Mr82a1"> <ppc-content key="nuWKdK-fyf11-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-JC4Zey">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-oy1Y6w"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-aDbJAe"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8PArGR"> <span class="checkbox-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-wTFNPV"> <ppc-content key="PElyyz-fyf11-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-i5NIAe"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-s9wiV5"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-P8AD9v"> ${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-default-1663490331956-ph-candidate-login-v1fyf11-tN6Ka6"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-4lVC5M"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9zetK9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-z38mks"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-g6MBlp"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-mmtEjN"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-rdGfAr"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-aKvFnO">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-npZX68"> <span class="sr-only required-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-lpgdJa"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-w96zSv"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-GWy1s8"> <span class="alert-msg" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-AHL4Dy"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-CKwIMj"> <span class="alert-msg" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-gppQVX"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-DF4U1R"> <div class="form-container" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-iaAzbp"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-B8BxEb"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-48Q76R"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-uwEPwK"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-auM2nx"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-h4jPpK" view="1674816648763-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-1674823814657" original-view="view5" instance-id="" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-7FX3fn"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-LPhO3P"> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-n1cwGz"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-lyEKLL"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ODRSmz"> <span data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9gynoT"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8lBXak"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-UK0KQw"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-28ZsPm">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-1U5IYL">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-R534XM"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-N9fkNP"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-XU9ZyJ"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-CbIzhF"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-DIMR6e"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-dsGZXi"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-9tgdPI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8Qrahv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-8hbDc4"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-sHOvlv"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-tDYNNy"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-0rRvvB">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-ydFl75"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1663490331956-ph-candidate-login-v1fyf11-i3dS1f"> ${!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-1674816648147"><div class="candidate-login-widget-area" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-zBbshd"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-cnXYdd"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-AOXjoi"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Dvgo1K"></i> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-1qkPUv">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-wJ695M"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-DbvSTj"></i> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-PNTX6I">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-NmkUjO"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-KaIiAv"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-aMUlSX"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-LFtqPp"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XqkJFP"> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-HE0QRo">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-07ay74"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-22nWy9"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-qydxfs"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-dSfIpL"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-zlxuSG"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-1GVqcV"> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-96GCRU">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Sp4q1N"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-9MCIKT"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kuvEVT"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-QkocLt"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-CRn8Ss"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-oZfE9Z"> <div class="user-actions-list" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-7iAqgs"> <div class="user-actions-listitem" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-OJfRFG"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-e3u2CB"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-A16x6Q"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Dlrr6H"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-k4v6Ip"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-oGPd4Q"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-lx099c"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-io7J0y"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-K21fT6"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-23yUgl"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Pwn7nI"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-T3eFL4"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-qpYjkA"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kRidGl"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2hwvpe"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-8einKD"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2hjeS7"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-yBlD34"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-wGPDPF"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-NL04Nk"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-8W85Q8"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-mhb8ra"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ImALU6"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2XWjxJ"> <form novalidate="" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ZNhUiT"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kUSLEr"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-zmyjyt"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-J14pQ1"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-RrJWPT"> <div class="text-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Nh8Yaw"> <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="off" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-28gIDa"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-EVzfej"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-mPhSx0"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-xswqAL"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-aIeEbE"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Y0T23l"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-tvtHRK"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2qSbLN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Yg9K8p"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-e8Cwwk"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-BZcWUH"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Z0GTd4"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kcJAzV"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-xyg2dn"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-EsjEca"> <div class="text-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2kjAOT"> <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="off" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-TvCqXm"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-DSPCb8"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-fRzUP3"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-bk5O3q"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-J9iqzZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-HUUBIu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-iIgm6x"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-15rJxi"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-QvcYca"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-fak9kn"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-B7TKLW"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ceANO6"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-nY29Cr"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-e46pRO"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-xbDkXQ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-p25XDS"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-j4jqKK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-WuGK7n"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-upX9fj"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Noelcb"> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-L0Q5vt"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Ml9Jb6"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-L5RJsN"> <div class="user-options" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ie5eCy"> <span class="each-option" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-axEsyt"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-D4kjGk"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-4SkeKr"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-J57wIt"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-eW3DtM"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kgGVrY"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-TTSHRC"> <span class="forgot-password-area" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Lzp1eK"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Y6CYFv"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-59qcrm"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-AZzop3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-AMgqGJ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-SEmour"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-gucQjT"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-KkIJ4X"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Km7CYs"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-iujZ5J"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-jTJXfi"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-BKBMsQ"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-zNKG0U"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-1qsE1Q"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-MOVeR0"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-500Xcq"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-YLXqOD"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-iwriud"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-4Z8k32"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Xkuvij"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-GMZqQD"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-hfZgDX"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-EFGiLm"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-gNeLdO"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-T1HUv6"> <form novalidate="" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-e9gJPg"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XuTB2o"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-N9qObs"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-BwFu2g"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-w6e56s"> <div class="text-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-pJQlAG"> <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="off" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-OdQbux"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-d6JwLb"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-90XIJF"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-qBPu1A"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-sgIj9m"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-R2ODNT"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-MBCxXL"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-nuZgzy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-c2bUd8"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-zIUMYE"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-x79VPH"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-b9MhzZ"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-qAPmSD"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-TRmDfk"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-lQDZXw"> <div class="text-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ELcve6"> <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="off" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-oW2AV8"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-aeo2ju"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-NbZGBQ"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-xpe6pH"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-e1mno5"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-sTtWz3"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-JJKGR6"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-PLZCpX"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-P5lPGT"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ouAzOo"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Ezmx89"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-RdPP0K"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2pZ6yz"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-tiw2jP"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ijyHpj"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-TGuxUM"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2zKcg6"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-4vlvfC"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-pzuIcx">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-szNgTy">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-lsWczk">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-qT3NbS">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-JZdhd8"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-S4tShz"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-q83ygR"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-q1rnuT"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-0RRRQL"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-YyNcgC"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-5lYU6k"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-AmoisP"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-MTF4Yn"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-QDCd8a"> <ppc-content key="dtBc1v-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-cExTcU"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XOom11"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-uwOhzk"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-F627aT"> <span class="checkbox-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-K0vPKY"> <ppc-content key="lGlCpl-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-2KzCDf"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XOom11"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-uwOhzk"> ${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-default-1663490320782-ph-candidate-login-v1ikjhyg-NXo3ct"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XdZMqL"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-uR3HTX"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-cqIuyd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-73UiLs"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ixbWyN"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-wgQBDz"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XS1eVt">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ZHBsBQ"> <span class="sr-only required-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-vMiVG4"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-4JBePC"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-AHxUTH"> <span class="alert-msg" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-imxmfn"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-syFrm3"> <span class="alert-msg" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-FLBV9N"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-s7mso2"> <div class="form-container" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-gtLVmU"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-bHMMaP"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-w5POkW"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-kmEacg"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-V5qAkO"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-O4g2X0" view="1674816648763-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-1674823814837" original-view="view5" instance-id="" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-HlpCgX"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-lbM8gg"> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XCLJ3f"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-DA1fgI"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-YsfMsq"> <span data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-ecdi5C"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-vjjmeB"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-o1zrp8"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Zt5hTc">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-8TuB5n">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Ntqygj"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-PKWdVn"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-hqABhy"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-X5MqGx"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-cQTJyz"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-1b9oSg"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-DLF9Zu"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-XFWT6k"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-6Q8vPC"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-hMAgCd"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-Ffl4gV"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-v4uGqo">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-7oPoiK"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1663490320782-ph-candidate-login-v1ikjhyg-RCgqKg"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814026"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-J1kB1i"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-Mf3WnL"> <div class="widget-container" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-Xmhaxe"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-AAQSxg"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-XDvVYK"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-i0Bxlr"> <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-1674823259106-ph-social-connect-v17uyy7u-07ytbT"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-FcUARq"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-flz53y"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-IuBMBj"> <ppc-content key="lMimcz-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-zoSCER"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663478861087-view5-ph-social-connect-v17uyy7u-FiKmuk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663478861087-view5-ph-social-connect-v17uyy7u-dejvRk"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-Z1yEfv"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-UmdhRK"> <ppc-content key="VNlBXE-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-pRzYwc"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663478861087-view5-ph-social-connect-v17uyy7u-FiKmuk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663478861087-view5-ph-social-connect-v17uyy7u-dejvRk"> ${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-1674823259106-ph-social-connect-v17uyy7u-QpVAwA"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-L2JaR3"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-zmyfLl"> ${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-1674823259106-ph-social-connect-v17uyy7u-TWII40"> <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-1674823259106-ph-social-connect-v17uyy7u-ACP3WN"> <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-1674823259106-ph-social-connect-v17uyy7u-kPsT3d"> <div class="icon-block" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-DSLi5u"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-dqMIRu"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259106-ph-social-connect-v17uyy7u-jYjnMd"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814151"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-RV6QDT"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-KiC2ti"> <div class="widget-container" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-sl68aK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-o23C1R"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-7xcUC3"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-iIkdhk"> <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-1674823259226-ph-social-connect-v1-WoNoKa"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-t7Vi88"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-3z8875"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-Pky4ol"> <ppc-content key="eu1EHb-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-4hYcg9"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-OmTPL0"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-r6axFQ"> <ppc-content key="27LqK4-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-TmMpsT"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${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-1674823259226-ph-social-connect-v1-R8bjqX"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-pGS0hH"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-tp7yiR"> ${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-1674823259226-ph-social-connect-v1-kSl5c8"> <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-1674823259226-ph-social-connect-v1-J33nqI"> <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-1674823259226-ph-social-connect-v1-WGSIYN"> <div class="icon-block" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-1YAPet"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-npVT6I"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259226-ph-social-connect-v1-EDCB6w"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814286"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-tivbew"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-6DrZT1"> <div class="widget-container" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-bWq2BX"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-kzl6Sc"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-qPXZwn"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-eMr6HI"> <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-1674823259333-ph-social-connect-v1-aFaOmG"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-Oq7zA1"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-SpcTDt"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-vvfFh6"> <ppc-content key="ZamGOv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-p6e4zX"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-9NJsmD"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-DF3zHZ"> <ppc-content key="gBmYgi-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-2tEQSF"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${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-1674823259333-ph-social-connect-v1-w8zQSe"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-8KaBwt"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-J67xtZ"> ${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-1674823259333-ph-social-connect-v1-59tY8N"> <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-1674823259333-ph-social-connect-v1-2yrlIZ"> <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-1674823259333-ph-social-connect-v1-qivaPT"> <div class="icon-block" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-PT1tZy"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-jfzrrP"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259333-ph-social-connect-v1-GrtznX"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814482"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-VTlxfs"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-XlpAyA"> <div class="widget-container" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-O0qcOZ"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-M298Ga"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-oGMllt"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-3T8lwi"> <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-1674823259451-ph-social-connect-v1-DANmf0"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-M8pbtG"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-o6dlLD"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-9Px8Xx"> <ppc-content key="VjsFfL-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-R3nI0Z"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-frR7Ga"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-wdxTl0"> <ppc-content key="RUGGQr-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-d0SntC"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${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-1674823259451-ph-social-connect-v1-UryCKG"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-T57LUr"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-POh0oF"> ${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-1674823259451-ph-social-connect-v1-dK3TBj"> <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-1674823259451-ph-social-connect-v1-bKazgQ"> <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-1674823259451-ph-social-connect-v1-dJRI5q"> <div class="icon-block" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-96Nkme"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-dgca3Y"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259451-ph-social-connect-v1-mDjE3u"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814657"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-S1WSDh"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-AShqre"> <div class="widget-container" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-LNHKta"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-IrXnA9"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-I4D0bk"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-ovs3zp"> <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-1674823259555-ph-social-connect-v1-ZHbBif"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-Y4LSOg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-gN8eZB"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-VHPZRo"> <ppc-content key="1dsffY-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-9YDK4P"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-wistoJ"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-4tDwnb"> <ppc-content key="qZmgYH-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-sOCjnK"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${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-1674823259555-ph-social-connect-v1-U6svkb"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-DUyG9t"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-EWxxOx"> ${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-1674823259555-ph-social-connect-v1-3qrwcP"> <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-1674823259555-ph-social-connect-v1-qko5Qe"> <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-1674823259555-ph-social-connect-v1-MI4DWG"> <div class="icon-block" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-xiSIvk"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-b6LO6A"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259555-ph-social-connect-v1-9Ia3gW"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1674823814837"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-6YQs24"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-pj4Q6I"> <div class="widget-container" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-E9Toti"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-8RroiF"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-ZYqLjq"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-5GER0s"> <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-1674823259666-ph-social-connect-v1-QKAKMp"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-RMehzC"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-t7jiBj"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-j1md2N"> <ppc-content key="Uh60qK-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-VfNsnK"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-Pdx6So"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-m1HGEd"> <ppc-content key="OsM2CJ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-dIsCIC"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-7H7y9i"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490366615-view5-ph-social-connect-v1-196KA3"> ${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-1674823259666-ph-social-connect-v1-cwJklJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-pP5Mzu"> <span class="social-alert-msg" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-MxRXbM"> ${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-1674823259666-ph-social-connect-v1-oBqLC0"> <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-1674823259666-ph-social-connect-v1-1tX31s"> <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-1674823259666-ph-social-connect-v1-DE4d8E"> <div class="icon-block" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-z5pRtA"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-bnnw7i"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1674823259666-ph-social-connect-v1-I0hssk"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-5y09jaw-job-header"> <div class="well" role="region" data-ph-id="ph-page-element-page36-5nfXYr"> <div class="container" data-ph-id="ph-page-element-page36-bPWYPn"> <div class="job-info" data-ph-at-id="job-info" data-ph-at-job-title-text="${jobDetail.title}" data-ph-at-job-location-text="${jobDetail.location}" data-ph-at-job-category-text="${jobDetail.category}" data-ph-at-job-id-text="${jobDetail.jobId}" data-ph-at-job-type-text="${jobDetail.type}" data-ph-at-job-industry-text="${jobDetail.industry}" data-ph-at-job-post-date-text="${jobDetail.postedDate}" data-ph-at-job-seqno-text="${jobDetail.jobSeqNo}" data-ph-id="ph-page-element-page36-3oufMx"> <h1 class="job-title" data-ph-id="ph-page-element-page36-pKTrcn">${jobDetail.title}</h1> <section class="ph-widget" instance-id="wt84jaw" data-ph-id="ph-page-element-page36-RCKi7j"> <div as-element="ph-job-details-v1" class="ph-job-details-v1-job-fields-default ph-widget-target" data-widget="ph-job-details-v1" view="wt84jaw-job-fields" instance-id="wt84jaw" original-view="job-fields" data-ph-id="ph-page-element-page36-jnXmy5"></div> </section> </div> <div class="job-header-actions" data-ph-at-id="job-actions" data-ph-id="ph-page-element-page36-WUo8Zf"> <div class="savejob-checkbox" data-ph-at-id="jd-page-add-job-cart" data-ph-id="ph-page-element-page36-nsv4tE"> <label for="save-1-${jobDetail.jobSeqNo}" class="${jobDetail.inProgress ? 'disabled':''}" data-ph-id="ph-page-element-page36-qeKluB"> <input type="checkbox" id="save-1-${jobDetail.jobSeqNo}" checked.bind="jobDetail.isJobSaved" change.delegate="handleSaveJob(jobDetail)" aria-label="Save ${jobDetail.title} to job cart" key-aria-label="ph-job-details-v1-job-header-5y09jaw-rZ3hrn" aria-checked="${jobDetail.isJobSaved ? 'true' : 'false'}" role="checkbox" key-role="ph-job-details-v1-job-header-5y09jaw-6j0SvV" data-ph-at-id="save-link" data-ph-id="ph-page-element-page36-bVQ6UP"> <span class="label-content btn" if.bind="jobDetail.isJobSaved === false" data-ph-id="ph-page-element-page36-neHPJ6"> <i class="icon icon-star-empty" aria-hidden="true" data-ph-id="ph-page-element-page36-bjUjXZ"></i> <ppc-content key="ph-job-details-v1-job-header-5y09jaw-Qv0IU5" data-ph-at-id="save-text" data-ph-id="ph-page-element-page36-yJxErt" language-overriden="true"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:DIN2014-Regular;">Save</span></span></div></ppc-content> </span> <span class="label-content btn" if.bind="jobDetail.isJobSaved === true" data-ph-id="ph-page-element-page36-tLkhM5"> <i class="icon icon-star" aria-hidden="true" data-ph-id="ph-page-element-page36-Mke6zt"></i> <ppc-content key="ph-job-details-v1-job-header-5y09jaw-iaqRwm" data-ph-at-id="save-text" data-ph-id="ph-page-element-page36-BHp6dV" language-overriden="true">Saved</ppc-content> </span> </input></label> </div> <a ph-tevent="apply_click" data-ph-tevent-attr-trait5="${jobDetail.jobSeqNo}" data-ph-tevent-attr-trait14="${jobDetail.category}" ph-href="${jobDetail.externalApply ? applyUrl(jobDetail.applyUrl) : applyUrl('apply?jobSeqNo='+jobDetail.jobSeqNo)}" target="${jobDetail.externalApply ? '_blank' : '_self'}" class="btn primary-button" role="button" key-role="ph-job-details-v1-job-header-5y09jaw-zrirXG" title="Apply Now" key-title="ph-job-details-v1-job-header-5y09jaw-ukwlxQ" data-ph-at-id="apply-link" data-ph-at-job-seqno-text="${jobDetail.jobSeqNo}" data-ph-id="ph-page-element-page36-u2d1aP"> <ppc-content key="ph-job-details-v1-job-header-5y09jaw-cF6mVV" data-ph-at-id="apply-text" data-ph-id="ph-page-element-page36-jqiIuf" language-overriden="true"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:DIN2014-Regular;">Apply Now</span></span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page36-eWl0yo"></i> </a> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-subscribe-similarjobs-v1-default-1663507312580"><div class="phs-subscribe-jobs-area ph-widget-box" role="region" key-role="ph-subscribe-similarjobs-v1-default-mq0hjaw-nnHbWb" aria-label="Get notified for similar jobs" key-aria-label="ph-subscribe-similarjobs-v1-default-mq0hjaw-1WFgbQ" data-ph-id="ph-page-element-page36-nidro5"> <div ph-loading-img="show-loader.bind: showLoader" data-ph-id="ph-page-element-page36-3m8UjG"></div> <div class="widget-container" data-ph-id="ph-page-element-page36-mP0f7a"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page36-vsQ8TM"> <h2 class="heading-block" data-ph-id="ph-page-element-page36-wWrd5i"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-LrMa3H" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-kmyUVp" language-overriden="true">Get notified for similar jobs</ppc-content> </h2> <div class="updates-rate" if.bind="popUpMessage" data-ph-id="ph-page-element-page36-0zzPkX"> <p data-ph-id="ph-page-element-page36-q5XJ5G"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-rllqSm" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-Yr0t1Y" language-overriden="true"><span class="gray-lighter">You'll receive updates once a week</span></ppc-content> </p> </div> </div> <div class="widget-result-container" aria-live="assertive" aria-atomic="true" show.bind="!popUpMessage && emailFeatureFlag" data-ph-id="ph-page-element-page36-Ct9HEr"> <div class="phs-result-success" if.bind="showEmailSuccess" data-ph-id="ph-page-element-page36-WP6Wxt"> <p data-ph-id="ph-page-element-page36-tdjG0c"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-epPJfA" data-ph-id="ph-page-element-page36-jAIwY5" language-overriden="true"> Activation mail sent to this email address. Please activate the similar job alert. </ppc-content> </p> </div> <div class="phs-already-subscribed" if.bind="showEmailFailure && statusCode == 409" data-ph-id="ph-page-element-page36-MjucRX"> <p data-ph-id="ph-page-element-page36-g2oY0v"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-jpiq50" data-ph-id="ph-page-element-page36-7qQfZM" language-overriden="true"> Similar job alert for this job on this email address already exists. You can try to create another similar job alert for a different job. </ppc-content> </p> </div> <div class="phs-needs-validation" if.bind="showEmailFailure && statusCode == 408" data-ph-id="ph-page-element-page36-kU0KyL"> <p data-ph-id="ph-page-element-page36-OPbrAg"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-X77D6j" data-ph-id="ph-page-element-page36-3ufF0J" language-overriden="true"> Already created similar job alert for this job on this email address. We have previously sent you an activation mail to activate the alert. Please activate the similar job alert from that mail. </ppc-content> </p> </div> <div class="phs-result-failure" if.bind="showEmailFailure && statusCode != 409 && statusCode != 408" data-ph-id="ph-page-element-page36-v4xvPl"> <p data-ph-id="ph-page-element-page36-aFD3nx"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-q3VwXE" data-ph-id="ph-page-element-page36-50aCDv" language-overriden="true"> Failed to create similar jobs subscription on the given email address. </ppc-content> </p> </div> <div if.bind="showEmailSuccess || showEmailFailure" data-ph-id="ph-page-element-page36-aGC0ce"> <div class="emailDetailsBlock" data-ph-id="ph-page-element-page36-kBRgfA"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-Js8YWw" data-ph-id="ph-page-element-page36-aCLT9x" language-overriden="true"> Email: </ppc-content> <span data-ph-id="ph-page-element-page36-kDJPSU"> ${subscribeSimilarJobsModel.email} </span> </div> </div> </div> <div class="content-block" if.bind="popUpMessage && !emailFeatureFlag" data-ph-id="ph-page-element-page36-kScko0"> <form submit.delegate="subscribe()" data-ph-id="ph-page-element-page36-5yhE6k"> <div class="form-group has-feedback ${(hasErrors && errors.email == 'E102') || (hasErrors && errors.email == 'E101') ? 'error focus':''}" data-ph-id="ph-page-element-page36-KqgkQr"> <label class="sr-only" for="notifiedEmail" data-ph-id="ph-page-element-page36-MvTxYa"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-YLaJUg" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page36-gGSuHX" language-overriden="true"> Enter Email address (Required) </ppc-content> </label> <div class="form-content" data-ph-id="ph-page-element-page36-r1TzBX"> <input type="text" aria-describedby="${(hasErrors && errors.email == 'E101')?'ph-a11y-subscribe-email-error-one':'ph-a11y-subscribe-email-error-two'}" value.bind="subscribeSimilarJobsModel.email" class="form-control ph-a11y-subscribe-box fs-block" name="" id="notifiedEmail" placeholder="your@email.com" key-placeholder="ph-subscribe-similarjobs-v1-default-mq0hjaw-2IxfpU" autocomplete="email" data-ph-at-id="email-input" aria-label="Please enter your email address" key-aria-label="ph-subscribe-similarjobs-v1-default-mq0hjaw-hLA9Ub" aria-required="true" data-ph-id="ph-page-element-page36-442bQe" /> <span id="ph-a11y-subscribe-email-error-one" data-ph-id="ph-page-element-page36-3t7zdg"> <span class="error" if.bind="hasErrors && errors.email == 'E101'" data-ph-id="ph-page-element-page36-4RG6aY"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-VQ2wRM" data-ph-at-id="validation-text" data-ph-id="ph-page-element-page36-nMKq8b" language-overriden="true"> Email should not be empty </ppc-content> </span> </span> <span id="ph-a11y-subscribe-email-error-two" data-ph-id="ph-page-element-page36-BDIEVm"> <span class="error" if.bind="hasErrors && errors.email == 'E102'" data-ph-id="ph-page-element-page36-vv5cLP"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-DLyv1E" data-ph-at-id="validation-text" data-ph-id="ph-page-element-page36-4sQsF1" language-overriden="true"> Please enter valid email </ppc-content> </span> </span> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page36-fYOsey"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page36-E5bMqX"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-subscribe' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-subscribe' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page36-eCwDMf"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page36-xgQDbp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page36-6tlPht"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page36-RH6ryT"> <span id="${'checkbox-label-subscribe' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page36-0euJUW"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page36-6U60Nf">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="subscribe" data-ph-id="ph-page-element-page36-WaF7Ji" view="1663507312571-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-1674816592477" instance-id="subscribe" original-view="default" data-ph-id="ph-page-element-page36-1HqXUF"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page36-chm7ZP"> <span class="pii-consent-error" id="consent-error-subscribe" if.bind="piiConsentError" data-ph-id="ph-page-element-page36-JTpOx7"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button role="button" key-role="ph-subscribe-similarjobs-v1-default-mq0hjaw-s1YaxS" class="btn default-button ph-a11y-submit form-control-feedback" click.delegate="subscribe()" ph-tevent="similar_jobs_subscribe" data-ph-tevent-attr-trait5="${jobSeqNo}" data-ph-tevent-attr-trait14="${category}" data-ph-tevent-attr-trait27="${subscribeSimilarJobsModel.email}" data-ph-at-id="subscribe-jobs-link" data-ph-at-job-seqno-text="${jobSeqNo}" data-ph-at-job-category-text="${category}" aria-label="Submit get notified for similar jobs form" key-aria-label="ph-subscribe-similarjobs-v1-default-mq0hjaw-Eha2PZ" data-ph-id="ph-page-element-page36-MOpNuU"> ${widgetBundle['activateBtnText'] | pht} </button> </div> </div> </form> <!-- <span class="feedbackText sr-only" blur.trigger="onBtnBlurHandler($event)"> <span aria-atomic="true" aria-live="assertive"> <span if.bind="showEmailSuccess"> <ppc-content key="sendSuccessDescTxt" data-ph-at-id="send-success-descript1"> Success! Successfully subscribed for similar jobs </ppc-content> </span> <span class="error" if.bind="showEmailFailure && statusCode == 409"> <ppc-content key="error-email-text3" data-ph-at-id="validation-text"> Failure! You have already subscribed for this job </ppc-content> </span> <span if.bind="showEmailFailure && !statusCode"> <ppc-content key="sendFailureDescTxt" data-ph-at-id="send-failure-descript1"> Failure! Failed to subscribed for similar jobs </ppc-content> </span> </span> </span> --> </div> </div> <div class="popUpBoxPart" if.bind="popUpMessage && !emailFeatureFlag" data-ph-id="ph-page-element-page36-lrFbvy"> <div if.bind="showEmailSuccess" aria-hidden="${showEmailSuccess ? 'false' : 'true'}" class="success-hdlr" data-ph-at-id="success-popup" data-ph-id="ph-page-element-page36-UXwCgZ"> <div class="modal fade in show ph-a11y-modal-area" aria-labelledby="ph-ally-success-heading" role="dialog" aria-modal="true" data-ph-id="ph-page-element-page36-CTfBJR"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-jpxMu2"> <div class="hdlr-block" tabindex="-1" data-ph-id="ph-page-element-page36-4fyA0U"> <div data-ph-id="ph-page-element-page36-fYeHsF"> <ppc-content type="icon" data-ph-id="ph-page-element-page36-A7mwOm"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page36-4UMWgi"></i> </ppc-content> <h3 key="ph-subscribe-similarjobs-v1-default-mq0hjaw-YOXnT9" data-ph-at-id="success-text" id="ph-ally-success-heading" data-ph-id="ph-page-element-page36-ust5eW" language-overriden="true">Success!</h3> <p key="ph-subscribe-similarjobs-v1-default-mq0hjaw-U3Whue" data-ph-at-id="success-sub-text" id="ph-ally-success-content" data-ph-id="ph-page-element-page36-q7vSfd" language-overriden="true">Successfully subscribed for similar jobs</p> </div> <button class="btn primary-button" type="button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeSubscribeDialog()" data-ph-id="ph-page-element-page36-umjqpK"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-AgU5rU" data-ph-id="ph-page-element-page36-w3UvUz" language-overriden="true">Ok</ppc-content> </button> </div> </div> </div> </div> <div show.bind="showEmailFailure" class="failure-hdlr" data-ph-id="ph-page-element-page36-nCTtdR"> <div class="modal fade in show ph-a11y-modal-area" aria-labelledby="ph-ally-failure-heading" role="dialog" aria-modal="true" data-ph-id="ph-page-element-page36-dEsqc8"> <div class="modal-dialog" data-ph-id="ph-page-element-page36-e6C9SI"> <div class="hdlr-block" tabindex="-1" data-ph-id="ph-page-element-page36-N018YV"> <div data-ph-id="ph-page-element-page36-YUQQHU"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page36-dsIa0P"></i> <h3 key="ph-subscribe-similarjobs-v1-default-mq0hjaw-SU4V7J" id="ph-ally-failure-heading" data-ph-id="ph-page-element-page36-hmxGL4" language-overriden="true">Failure!</h3> <p key="ph-subscribe-similarjobs-v1-default-mq0hjaw-8Iyn7Q" if.bind="!statusCode" id="ph-ally-failure-content-one" data-ph-id="ph-page-element-page36-yEsGyw" language-overriden="true">you have already subscribed for this job</p> <p key="ph-subscribe-similarjobs-v1-default-mq0hjaw-VBtTYV" if.bind="statusCode == 409" id="ph-ally-failure-content-two" data-ph-id="ph-page-element-page36-8s4u2g" language-overriden="true">you have already subscribed for this job</p> </div> <button class="btn primary-button" type="button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeSubscribeDialog()" data-ph-id="ph-page-element-page36-BSmzYc"> <ppc-content key="ph-subscribe-similarjobs-v1-default-mq0hjaw-iK1Pxr" data-ph-id="ph-page-element-page36-ngarAN" language-overriden="true">Ok</ppc-content> </button> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506313750"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page36-lM1Uaw" style="background-color: rgba(243,243,243,1) ;"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page36-XTa9kI"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page36-y8ugq8"> <div class="heading-block" if.bind="!hideTitle" key-role="ph-social-share-v3-default-zy0mjaw-hbAOhN" key-aria-level="ph-social-share-v3-default-zy0mjaw-8IUX96" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page36-jfzWRj"> <ppc-content key="ph-social-share-v3-default-zy0mjaw-jVyIdM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page36-Dy134m" language-overriden="true"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page36-wML5ya"> <ppc-content key="ph-social-share-v3-default-zy0mjaw-IxK99u" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page36-5g07MT" language-overriden="true"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page36-U0TMya"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page36-zSy1vC"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page36-4U4r9v"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page36-AHycAW"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page36-OGkx8a"></i> <span class="sr-only" data-ph-id="ph-page-element-page36-Xlemlt"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page36-UrWSYE">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page36-LcrIZU" view="1663506313351-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="1663506313351-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-page36-kvq43I"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page36-vcanMf"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-0tHmUf"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page36-zRg4fI"> <div class="head-wrapper" data-ph-id="ph-page-element-page36-eyuZW7"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page36-EtIvsb"> <ppc-content key="ph-social-share-v3-default-zy0mjaw-9EFjPP" data-ph-id="ph-page-element-page36-EMf2bt" language-overriden="true"> Share job link </ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-zy0mjaw-FahkTQ" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-vWMpbI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page36-6hwSdR"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page36-aBIbzf"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page36-59721a"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page36-khP6rt"> <ppc-content key="ph-social-share-v3-default-zy0mjaw-JUqxIF" data-ph-id="ph-page-element-page36-67rkli" language-overriden="true"> Link copied successfully </ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page36-qQOnus"><ppc-content key="ph-social-share-v3-default-zy0mjaw-upRM2x" data-ph-id="ph-page-element-page36-fCQ6HW" language-overriden="true"> To your colleagues or friends </ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page36-hkg0ht" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page36-WF7w1L"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page36-D6bJSx"><ppc-content key="ph-social-share-v3-default-zy0mjaw-sOrZw2" data-ph-id="ph-page-element-page36-k67XWD" language-overriden="true"> Cancel </ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page36-PSSfvg"><ppc-content key="ph-social-share-v3-default-zy0mjaw-lRfLEx" data-ph-id="ph-page-element-page36-NgOpiu" language-overriden="true"> Copy Link </ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/javascript">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">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1659020793429.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/tenantcss/main-1723185475335.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/tenantcss/color-css-1679555726314.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript"> phApp.pageId = "page36";</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><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","privacyPolicyCheckboxText":"I have read and agree to the ","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-category-overview-v3-view8":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","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 a correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","contactDetailsAreaSubmitBtnText":"Submit","resumeLocationSingular":"location","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeJobTitleSearchPlaceholder":"Search to Add Titles","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","resumeLocationNoResultsText":"No results found","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit profile","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeShowingText":"Showing","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsPopupCloseAriaLabel":"Close Popup","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeRemoveText":"Remove","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"View profile","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","closePopUpButtonIcon":"icon icon-cancel","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://welcome.miami.edu/privacy-and-legal/privacy/","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://umiamihealth.org/website/terms-of-use","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-social-connect-v1-view4":{" privacyPolicyCheckboxText":"I have read and agree to the ","profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","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 ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"new password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","newPwdText":"New Password","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","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://welcome.miami.edu/privacy-and-legal/privacy/","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":"https://umiamihealth.org/website/terms-of-use","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-category-overview-v3-view1":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-subscribe-similarjobs-v1-default":{"activateBtnText":"Activate","jobIdConnectingText":"Job Id is"},"ph-find-your-fit-container-v1-popupview1":{"resumeResetDropDownText":"Reset","contactDetailsAreaCancelBtnText":"Cancel","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeLocationSuggestionAriaLabel":"Job Location suggestions","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeStepsSubmitText":"Submit","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","resumeEditDropDownBtnAriaLabel":"Edit your resume","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The 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","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeSkillSetNoResults":"No results found","resumeSkillSetSuggestedHeading":"Select suggested skills","contactDetailsAreaPreferredName":"Preferred Name","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeShowingText":"Showing","resumeEditFYfDropDownText":"Edit profile","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeRemoveText":"Remove","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsPopupCloseAriaLabel":"Close Popup","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-location-map-v1-default":{"pinInfoState":"{{state}}","pinInfoAddressLine3":"{{location}} {{zipCode}}","pinInfoAddressLine2":"{{address2}}","pinkLinkText":"View {{count}} opportunities","pinInfoAddressLine1":"{{address1}}","locIconText":"icon-location-2","clusterText":"cluster","clusterLocationText":"locations","locationTitleText":"Search Location","locBtnText":"Explore Location","pinLink":"{{locationUrl}}","location":"{{location}}","pinInfoTitle":"{{key}}","markerText":"location","searchPlaceHolderText":"Search Location"},"ph-similar-jobs-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","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job Id is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process ","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","payRate":"pay rate","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","travelRequiremnt":"Travel","category":"Category"},"ph-profile-recommendations-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See all jobs","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","rate":"Rate of Pay","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-job-details-v1-job-header":{"rate":"Rate of Pay","savedJobIcon":"icon-star","notSavedJobIcon":"icon-star-empty"},"ph-find-your-fit-v1-default":{"suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","addSkillButtinAriaLabel":"Add {{skillName}}","yourPreferredLocationMessage":"Your preferred location","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-job-details-v1-job-fields":{"jobCategoryCount":"This job is associated with {{categoryCount}} categories","jobStatus":"Job Status","education":"Education","locationText":"location","jobDateFormat":"MMDDYYYY_SLASH","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","companyName":"Company Name","workHours":"Work hours","createdDateTime":"Created date time","remote":"Remote","type":"Job Type","title":"Title","salary":"Salary","postedDate":"Posted Date","travelRequired":"Travel Required","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","dateCreated":"Date Created","rate":"Rate of Pay","seeMultipleCatBtn":"See all","educationLevel":"Education","experienceRequired":"Experience Required","postedDateFormat":"DDMMYYYY_SLASH","multiCategoryText":"Job associated with {{multicategoryValue}} categories","ID":"ID","department":"Department","visibilityType":"Visibility Type","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process ","jobUpdatedDate":" Updated date","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","lastPublishedDate":"Last published date","isRemote":"Remote","payRate":"pay rate","multilocationText":"This job available in {{multilocationValue}} locations","seeMultipleLocBtn":"See all","employment":"Employment","jobCloseDateFormat":"MMDDYYYY_SLASH","reqId":"Req ID","closeDate":"Close date","jobId":"Job Id","jobLocationCount":"This job is available in {{locationCount}} locations","employeeType":"Employee type","lastpublishedDateFormat":"ll","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","custEndDate":"Custom End Date","category":"Category"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","linkedin":"Share via LinkedIn","google-plusTitle":"Share via google plus","instagram":"Share via Instagram","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","copylink":"Copy job link","telegramTitle":"Share via telegram","xing":"Share via xing","twitter":"Share via twitter","whatsappAriaLabel":"Share via whatsapp","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","emailTitle":"Share via email","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","telegramAriaLabel":"Share via telegram","facebook":"Share via Facebook","copylinkAriaLabel":"Copy job link","emailClientSubject":"{{title}} at {{companyName}}","telegram":"Share via telegram","twitterAriaLabel":"Share via twitter","pinterest":"Share via pinterest","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-people-also-viewed-v2-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","title":"Title","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See more","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process ","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","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"}} </script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143">(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;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-5CGGTHW');</script></head> <body class="job-page job1" data-ph-id="ph-page-element-page36-9UHD36" style="visibility: hidden;"><noscript snippet_id="GTM-BODY-143"><iframe title="" src="https://www.googletagmanager.com/ns.html?id=GTM-5CGGTHW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="ph-header" data-ph-id="ph-page-element-page36-gusf9S"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="KrRGwMRc"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page36-YbAj4i"><section class="ppc-section ph-widget" type="dynamic" instance-id="hsmMXl" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page36-ynpC7q"><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-1663475840820" theme="default" original-view="default" instance-id="hsmMXl" data-ph-id="ph-page-element-page36-bRKRZq"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page36-WiPcsG"> <div class="phs-job-details-area" data-ph-id="ph-page-element-page36-TsKbOq"> <div class="jd-banner" data-ph-id="ph-page-element-page36-cnEgnY"> <div class="job-banner-image" data-ph-id="ph-page-element-page36-9b6gf7"> <section class="banner-block ph-widget" type="static" role="main" view="et5cjaw-jd-banner" instance-id="et5cjaw" original-view="jd-banner" data-ph-id="ph-page-element-page36-uCrBEt"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="et5cjaw-jd-banner" original-view="jd-banner" type="static" instance-id="et5cjaw" theme="default" class="ph-widget-target jd-banner-default" data-ph-id="ph-page-element-page36-HdvNBr"> <div class="ph-widget-box" data-ph-at-id="banner-block" data-ph-id="ph-page-element-page36-UCKVYF"> <figure key-role="ph-html-v1-jd-banner-et5cjaw-nwkzHV" role="presentation" data-ph-id="ph-page-element-page36-rmFbW1"> <ppc-content type="image" data-ph-id="ph-page-element-page36-5phRoy"><img alt="MiamiJD3" key-alt="ph-html-v1-jd-banner-et5cjaw-2X1nDu" class="img-responsive ph-image" data-ph-at-id="banner-image" data-ph-id="ph-page-element-page36-u9jArY" key-src="ph-html-v1-jd-banner-et5cjaw-WxTLPK" src="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/images/MiamiJD3-1680636884531.png" /></ppc-content> </figure> </div> </div> </section> </div> </div> <!-- Expired job page state --> <div ph-page-state="expired" class="hide job-expired-view" data-ph-id="ph-page-element-page36-C8vgxH"> <section class="ph-widget" view="4bi8jaw-job-expire-view" type="static" instance-id="4bi8jaw" original-view="job-expire-view" data-ph-id="ph-page-element-page36-WaeTLG"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="4bi8jaw-job-expire-view" original-view="job-expire-view" type="static" instance-id="4bi8jaw" theme="default" class="ph-widget-target job-expire-view-default" data-ph-id="ph-page-element-page36-qtHSlq"> <div class="expire-job-view" data-ph-at-id="job-expire-block" data-ph-id="ph-page-element-page36-LbuwWq"> <div class="container" data-ph-id="ph-page-element-page36-fyU5sn"> <figure data-ph-id="ph-page-element-page36-ssqL7R"> <ppc-content type="image" data-ph-id="ph-page-element-page36-DW1OJC"> <img alt="Job compeltion image" class="img-responsive" key-alt="ph-html-v1-job-expire-view-4bi8jaw-nxqxdX" data-ph-at-id="job-expire-image" data-ph-id="ph-page-element-page36-zvJGbc" key-src="ph-html-v1-job-expire-view-4bi8jaw-vlAouz" src="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/images/v-1679566109632-expire_job.png" /> </ppc-content> </figure> <h2 data-ph-id="ph-page-element-page36-9bxud3"> <ppc-content key="ph-html-v1-job-expire-view-4bi8jaw-5Mdmwc" data-ph-at-id="job-completion-info" data-ph-id="ph-page-element-page36-ia5WGs"> We're sorry… the job you are trying to apply for has been filled. </ppc-content> </h2> <p data-ph-id="ph-page-element-page36-q4Q4j9"> <ppc-content key="ph-html-v1-job-expire-view-4bi8jaw-9eJXCC" data-ph-at-id="job-completion-suggestion-info" data-ph-id="ph-page-element-page36-AZKwoW"> Maybe you would like to consider the Categories below : </ppc-content> </p> </div> </div> </div> </section> <section class="ph-widget" instance-id="1zz9jaw" view="1zz9jaw-view8" original-view="view8" data-ph-id="ph-page-element-page36-cnK1Qa"> <div as-element="ph-category-overview-v3" class="ph-category-overview-v3-view8-theme1 ph-widget-target" data-widget="ph-category-overview-v3" view="view8-1663493198821" theme="theme1" cards-per-row="3" mode.bind="all" instance-id="1zz9jaw" original-view="view8" data-ph-id="ph-page-element-page36-l5O6EC"></div> </section> </div> <!-- End Expired job page state --> <!-- Job page state --> <div class="job-page-external" ph-page-state="exists" data-ph-id="ph-page-element-page36-BEE6Ve"> <div class="job-header-block" ph-page-state="exists" data-ph-id="ph-page-element-page36-cYTCKG"> <section class="ph-widget" data-tmpl-type="inline" instance-id="5y09jaw" view="5y09jaw-job-header" original-view="job-header" data-ph-id="ph-page-element-page36-bbBpV6"> <div class="ph-job-details-v1-job-header-default ph-widget-target" view="5y09jaw-job-header" data-widget="ph-job-details-v1" as-element="ph-job-details-v1" data-tmpl-type="inline" bulkcart.bind="true" data-ph-at-id="job-header" instance-id="5y09jaw" original-view="job-header" data-ph-id="ph-page-element-page36-2srUjY"></div> </section> </div> <div class="container" data-ph-id="ph-page-element-page36-j0jEDT"> <div class="job-desc row" data-ph-id="ph-page-element-page36-xDVHTf"> <div class="col-lg-8 col-md-8 col-sm-12" data-ph-id="ph-page-element-page36-MKU9kT"> <section class="ph-widget" data-tmpl-type="inline" instance-id="4vxsjaw" view="4vxsjaw-job-nav" original-view="job-nav" data-ph-id="ph-page-element-page36-jvr6lg"> <div class="ph-job-details-v1-job-nav-default bottom ph-widget-target" as-element="ph-job-details-v1" data-widget="ph-job-details-v1" data-tmpl-type="inline" view="4vxsjaw-job-nav" instance-id="4vxsjaw" bulkcart.bind="true" original-view="job-nav" data-ph-id="ph-page-element-page36-0WxPXa"></div> </section> <!--email job--> <!-- <section class="ph-widget" instance-id="jioqjaw"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-simple-form-theme5" data-widget="ph-email-job-v1" job-seq-no.bind="jobDetail.jobSeqNo" view="simple-form" category.bind="jobDetail.category" theme="theme5" instance-id="jioqjaw"> </div></section> --> </div> <div class="col-lg-4 col-md-4 col-sm-12" data-ph-id="ph-page-element-page36-TZxTd6"> <!--subscribe--> <section class="ph-widget" instance-id="mq0hjaw" view="mq0hjaw-default" original-view="default" data-ph-id="ph-page-element-page36-pUSfKL"> <div as-element="ph-subscribe-similarjobs-v1" class="ph-subscribe-similarjobs-v1-default-theme9 ph-widget-target" data-widget="ph-subscribe-similarjobs-v1" job-seq-no.bind="jobDetail.jobSeqNo" category.bind="jobDetail.category" theme="theme9" instance-id="mq0hjaw" is-dialog.bind="true" view="default-1663507312580" original-view="default" data-ph-id="ph-page-element-page36-B09ISH"></div> </section> <!--find your fit--> <section class="ph-widget" instance-id="ixi5jaw" view="ixi5jaw-popupview1" original-view="popupview1" data-ph-id="ph-page-element-page36-zzGVbd"> <div class="ph-find-your-fit-container-v1-popupview1-default ph-widget-target" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ixi5jaw" view="popupview1-1663478860951" original-view="popupview1" data-ph-id="ph-page-element-page36-D3y06s"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="93urjaw" view="93urjaw-default" original-view="default" data-ph-id="ph-page-element-page36-go63oW"> <div class="ph-profile-recommendations-v2-default-jd-theme6 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="jd-theme6" max-display-count="6" jobs-display-mode="seeMore" job-actions="[]" instance-id="93urjaw" view="default-1663503995835" original-view="default" data-ph-id="ph-page-element-page36-xveC5w"></div> </section> <!--similar jobs--> <section class="ph-widget" instance-id="ni2yjaw" view="ni2yjaw-default" original-view="default" data-ph-id="ph-page-element-page36-gSjBWk"> <div as-element="ph-similar-jobs-v2" class="ph-similar-jobs-v2-default-theme8 ph-widget-target" current-job-seq-no.bind="jobDetail.jobSeqNo" theme="theme8" data-widget="ph-similar-jobs-v2" job-actions="[]" instance-id="ni2yjaw" view="default-1663505866547" original-view="default" data-ph-id="ph-page-element-page36-L9JnxQ"></div> </section> <!--people also viewed jobs--> <section class="ph-widget" instance-id="5q0mjaw" view="5q0mjaw-default" original-view="default" data-ph-id="ph-page-element-page36-nHw5x4"> <div as-element="ph-people-also-viewed-v2" class="ph-people-also-viewed-v2-default-theme8 ph-widget-target" job-seq-no.bind="jobDetail.jobSeqNo" theme="theme8" data-widget="ph-people-also-viewed-v2" job-actions="[]" instance-id="5q0mjaw" view="default-1663503599363" original-view="default" data-ph-id="ph-page-element-page36-Fqh7GK"></div> </section> <!-- media card --> <section class="ph-widget header-social-share" instance-id="zy0mjaw" view="zy0mjaw-default" original-view="default" data-ph-id="ph-page-element-page36-ZA8r6Y"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-theme4 ph-widget-target" data-widget="ph-social-share-v3" hide-sub-title="true" current-job-obj.bind="jobDetail" theme="theme4" instance-id="zy0mjaw" view="default-1663506313750" original-view="default" data-ph-id="ph-page-element-page36-H8g9Zl"></div> </section> </div> </div> </div> </div> <!-- End job page state --> </div> </div> </div> <div class="ph-footer" role="contentinfo" data-ph-id="ph-page-element-page36-u8FtnI"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="QZWvHPD8-zB2qJaH4"></pcs-widget> </div></div> <script src="https://cdn.phenompeople.com/CareerConnectResources/UOMUOMUS/en_us/desktop/assets/scripts/1655381362570-custom.js" data-ph-id="ph-page-element-page36-WsUgsw" async=""></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=""> </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/UOMUOMUS/en_us/desktop/page36/caas-platform/page-views-1707149849244.js" defer></script><script id="chatbotScript"> var timestamp = Date.now(); var scriptElement = document.createElement("script"); scriptElement.async = true; scriptElement.id = "chatbotInitScript"; scriptElement.src = "https://cdn-bot.phenompeople.com/txm-bot/prod/prod.js" +"?v=" + timestamp; var getScripts = document.getElementsByTagName("script"); var lastScriptElement = getScripts[getScripts.length - 1]; lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement); window.chatbotURL = window.phApp.baseUrl; </script> </body> </html><div id='csrfToken' style='display:none'>82db3e422670413997b45e01ceb00c11</div>