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-page4-NAUK8Y" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page4-CPkic1"><meta name="robots" content="index" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /><meta name="styleName" stylesheetname="job5-description" data-ph-id="ph-page-element-page4-tAT95T" /><meta name="pageVariant" originalpagename="job" data-ph-id="ph-page-element-page4-IUjpl9" /><meta name="use-widget" content="ph-job-detail-v1" data-ph-id="ph-page-element-page4-u7dQBk" /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page4-QhjGHN" /><meta name="description" content="Apply for Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) job with CHOP in Philadelphia, Pennsylvania, United States of America. Research at CHOP" key-description="external-default-job-description"> <meta name="keywords" content="Clinical Research Coordinator - Community Violence and Trauma Support (CVTS), Philadelphia, Pennsylvania, United States of America" key-keywords="external-default-job-keywords"> <link rel="canonical" href="https://careers.chop.edu/us/en/job/1013911/Clinical-Research-Coordinator-Community-Violence-and-Trauma-Support-CVTS"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@Lychee shadow"> <meta name="twitter:creator" content="@Careers - Lychee shadow"> <meta name="twitter:image" content="https://assets.phenompeople.com/CareerConnectResources/pp/CHOPUS/social/1024x512-1647432748133.jpg"> <meta name="twitter:title" content="Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) in Philadelphia, Pennsylvania, United States of America | Research at Children’s Hospital of Philadelphia"> <meta name="twitter:description" content="Apply for Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) job with Children’s Hospital of Philadelphia in Philadelphia, Pennsylvania, United States of America. Research at Children’s Hospital of Philadelphia"> <meta property="og:type" content="website"> <meta property="og:image" content="https://assets.phenompeople.com/CareerConnectResources/pp/CHOPUS/social/1200x630-1647432792807.jpg"> <meta property="og:site_name" content="Children’s Hospital of Philadelphia"> <meta property="og:url" content="https://careers.chop.edu/us/en/job/1013911/Clinical-Research-Coordinator-Community-Violence-and-Trauma-Support-CVTS"> <meta property="og:title" content="Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) in Philadelphia, Pennsylvania, United States of America | Research at Children’s Hospital of Philadelphia"> <meta property="og:description" content="Apply for Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) job with Children’s Hospital of Philadelphia in Philadelphia, Pennsylvania, United States of America. Research at Children’s Hospital of Philadelphia"> <meta property="fb:admins" content=""> <meta property="og:image:width" content="200"> <meta property="og:image:height" content="200"> <script type="application/ld+json">{"identifier":{"@type":"PropertyValue","name":"Children’s Hospital of Philadelphia","value":"1013911"},"hiringOrganization":{"@type":"Organization","name":"Children’s Hospital of Philadelphia","sameAs":"https://careers.chop.edu/us/en","url":"https://careers.chop.edu/us/en/job/1013911/Clinical-Research-Coordinator-Community-Violence-and-Trauma-Support-CVTS","logo":null},"jobLocation":{"geo":{"@type":"GeoCoordinates","latitude":"39.9456684","longitude":"-75.18654889999999"},"address":{"@type":"PostalAddress","postalCode":"19146","addressCountry":"United States of America","addressLocality":"Philadelphia","addressRegion":"Pennsylvania"},"@type":"Place"},"employmentType":["FULL_TIME"],"@type":"JobPosting","workHours":"40 hours per week","description":"<p><span>SHIFT:</span></p>Day (United States of America)<p></p><p></p><p><b>Clinical Research Coordinator III</b></p><p></p><p><b>Seeking Breakthrough Makers</b><br /><br />Children’s Hospital of Philadelphia (CHOP) offers countless ways to change lives. Our diverse community of more than 20,000 Breakthrough Makers will inspire you to pursue passions, develop expertise, and drive innovation.<br /><br />At CHOP, your experience is valued; your voice is heard; and your contributions make a difference for patients and families. Join us as we build on our promise to advance pediatric care—and your career.<br /><br /><b>CHOP’s Commitment to Diversity, Equity, and Inclusion</b><br /><br />CHOP is committed to building an inclusive culture where employees feel a sense of belonging, connection, and community within their workplace. We are a team dedicated to fostering an environment that allows for all to be their authentic selves. We are focused on attracting, cultivating, and retaining diverse talent who can help us deliver on our mission to be a world leader in the advancement of healthcare for children.<br /><br />We strongly encourage all candidates of diverse backgrounds and lived experiences to apply.<br /><br /><br /><b>A Brief Overview</b><br /><span>The Community Violence and Trauma Support (CVTS) team is seeking a Clinical Research Coordinator (CRC) III to support </span><span>research and programmatic activities. Our programs and associated research and evaluation portfolio focus on supporting </span><span>children and adolescents who have experienced recent trauma, including violent injury and loss, in their physical and </span><span>psychosocial healing. In partnership with other community programs and members, we also study opportunities to proactively </span><span>foster the wellbeing of young people and communities in partnership with community-based organizations. To support our </span><span>evaluation and research efforts, we utilize primary and secondary data sources and employ both qualitative and quantitative </span><span>methods.</span><br /> </p><p><span>The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data </span><span>collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of </span><span>supplementary components as requested. The CRC will also serve as the primary supervisor for student research assistants and </span><span>interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and </span><span>Prevention and Center for Violence Prevention. </span><br /> </p><p><span>This position is contingent upon grant funding</span><br /><br /><b>What you will do</b></p><ul><li>Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies</li><li>Provides oversight in the preparation, management and monitoring of study budgets</li><li>Accountable for study oversight at one or more sites/institutions</li><li>May be responsible for conducting monitoring activities at one or more sites/institutions</li><li>Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc)</li><li>Facilitates and/or leads research/project team meetings</li><li>Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects</li><li>Independent of the PI assesses and critiques protocol feasibility and provides recommendations</li><li>May support 1 or more PI sponsored INDs or IDEs</li><li>Liaises between Research billing (CTFM) and the research team</li><li>Participate in the informed consent process of study subjects</li><li>Scheduling, facilitating and/or leading research/project team meetings</li><li>Screen, recruit and enroll patients/research participants</li><li>Report adverse events</li><li>Comply with Institutional policies, standard operating procedures (SOPs) and guidelines</li><li>Must comply with federal, state, and sponsor policies</li></ul><p></p><p><b>Education Qualifications</b></p><ul><li>Bachelor's Degree Required</li><li>Master's Degree in a related field Preferred</li></ul><p></p><p><b>Experience Qualifications</b></p><ul><li>At least four (4) years of clinical/research coordination experience Required</li><li>At least five (5) years of clinical/research coordination experience Preferred</li></ul><p></p><p><b>Skills and Abilities</b></p><ul><li>Intermediate knowledge of IRB and human subject protection</li><li>Basic proficiency in data management systems/tools</li><li>Excellent verbal and written communications skills</li><li>Excellent time management skills</li><li>Solid analytical skills</li><li>Ability to collaborate with stakeholders at all levels</li></ul><p><br /><b>To carry out its mission, CHOP is committed to supporting the health of our patients, families, workforce, and global community. As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine. <a href=\"https://careers.chop.edu/us/en/how-we-hire\" target=\"_blank\">Learn more.</a><br /><br />Employees may request exemptions for valid religious and medical reasons. Start dates may be delayed until candidates are immunized or exemption requests are reviewed.<br /><br /><a href=\"https://careers.chop.edu/us/en/eeo\" target=\"_blank\">EEO / VEVRAA Federal Contractor</a> | <a href=\"https://careers.chop.edu/us/en/tobacco-statement\" target=\"_blank\"> Tobacco Statement </a></b></p>","title":"Clinical Research Coordinator - Community Violence and Trauma Support (CVTS)","datePosted":"2025-02-21","@context":"http://schema.org","occupationalCategory":"Research","directApply":false}</script> <title key="external-default-job-title">Clinical Research Coordinator - Community Violence and Trauma Support (CVTS) in Philadelphia, Pennsylvania, United States of America | Research at CHOP</title> <script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "job","url": "https://careers.chop.edu/us/en/job/1013911/Clinical-Research-Coordinator-Community-Violence-and-Trauma-Support-CVTS","datePublished": "2023-02-13","dateModified": "2023-02-13"}</script> <!-- We need to use these meta tags for group pages --> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page4-kM3FWi" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/mobile/h/apple-touch-icon.png" data-ph-id="ph-page-element-page4-5oP8s1" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/mobile/m/apple-touch-icon.png" data-ph-id="ph-page-element-page4-uu6Xce" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/mobile/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page4-iwRMfS" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/mobile/l/apple-touch-icon.png" data-ph-id="ph-page-element-page4-e2oR2R" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/mobile/l/splash.png" data-ph-id="ph-page-element-page4-IHKHPK" /> <script type="text/javascript">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.chop.edu/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"CHOPUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.chop.edu/us/en/","baseDomain":"https://careers.chop.edu","phenomTrackURL":"careers.chop.edu/us/en/phenomtrack.min.js","pageName":"job","siteType":"external","rootDomain":"https://careers.chop.edu","pageId":"page4"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/1738585436939-classesForCms.js","phwPxScrVerionUrl_old":"pcs/common/phw-px-hadlr.1728044004391.js","thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"phBridgeEvents":["job_click","apply_click","job_preview_click"],"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","isUrlLowerForSeo":false,"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"otPrivacyPolicyScript":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/ot-priv-pol-3.0.js","ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":true,"pxScrVerionUrl_bkp":"common/js/vendor/ph-px-hadlr-1.15.js","phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"globalSearchFeature":{"mobileSearch":false,"militarySearch":true},"refineSearch":{"enabledFacets":["category","state","city","type","phLocSlider"],"facetDisplayNames":{"category":"Category","state":"State / Province","city":"City","type":"Hiring Type","phLocSlider":"Location"},"facetPlaceholderNames":{"category":"Search in Category","state":"Search in State / Province","city":"Search in City","type":"Search in Hiring Type","phLocSlider":"Location"},"defaultFacetsToOpen":["category","phLocSlider"],"facetConfig":{"phLocSlider":{"sliderRadius":50,"aboveMaxRadius":false,"locationRangeEnd":100,"sliderDelta":1}}},"linkedIn":{"apiKey":"752xe1cieo8utv"},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}},"gdpr":{"cookieTypeV1":"persistent","showCookieSettings":false,"showDecline":true,"enabled":true,"cookieType":"persistent"},"size":"10","iscdnEnabled":true},"size":"10","refNum":"CHOPUS","siteVariant":"external","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"navMenuItems":[],"cdnCaasContentEnabled":true,"candidateHome":false,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://careers.chop.edu/us/en/blog"},"events":{"url":"https://careers.chop.edu/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/1738315470465-phw-px-hadlr.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, #skipToMainContent, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/1731591806866-ph-px-hadlr-1.19.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"bd63e9975aacf4577c4662fcb002494dcb83887f82d51453405f60b29c77609a"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou","pmr_review":"pmr/review/:formId"},"categoryUrlMap":{"CHOPUS_Social_Work_Family_Support":"c/social-workfamily-support-jobs","CHOPUS_Information_Technology":"c/information-technology-jobs","CHOPUS_Research":"c/research-jobs","CHOPUS_Students_&_Interns":"c/students-interns-jobs","CHOPUS_Administrative_Clerical":"c/administrativeclerical-jobs","CHOPUS_Development_Fundraising":"c/developmentfundraising-jobs","CHOPUS_Nursing":"c/nursing-jobs","CHOPUS_Pharmacy":"c/pharmacy-jobs","CHOPUS_Physician":"c/physician-jobs","CHOPUS_Clinical_Non_Nursing":"c/clinicalnonnursing-jobs","CHOPUS_Business_Professionals":"c/business-professionals-jobs","CHOPUS_Behavioral_Health":"c/behavioral-health-jobs","CHOPUS_Other":"c/other-jobs","CHOPUS_Advanced_Practice":"c/advanced-practice-jobs","CHOPUS_Allied_Health":"c/allied-health-jobs","CHOPUS_Laboratory_Medicine":"c/laboratory-medicine-jobs","CHOPUS_Development/Fundraising":"c/developmentfundraising-jobs","CHOPUS_Fellows_Students_Interns":"c/fellows-students-interns-jobs","CHOPUS_Clinical/Non-Nursing":"c/clinicalnonnursing-jobs","CHOPUS_Imaging/Radiology":"c/imagingradiology-jobs","CHOPUS_Imaging_Radiology":"c/imagingradiology-jobs","CHOPUS_Social_Work/Family_Support":"c/social-workfamily-support-jobs","CHOPUS_Administrative/Clerical":"c/administrativeclerical-jobs","CHOPUS_Students_Interns":"c/students-interns-jobs"},"isNativeEmailClient":false,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"jobDetail":{"status":200,"hits":1,"totalHits":1,"data":{"job":{"cityState":"Philadelphia, Pennsylvania","country":"United States of America","ml_skills":["healthcare","clinical research","patient recruitment","irb","clinical research coordination","research liaison","mentoring and mentoring","develop","data management","patient care","coordinate","policy compliance","regulatory audits","entrepreneurial talent","budgets","study oversight accountability","event reporting","pediatric","budget management","influenza","regulatory audit preparation","consent participation","function","supervisor","meeting facilitation","eeo","monitoring","data collection","collaborate","protocol evaluation"],"companyName":"Children\u2019s Hospital of Philadelphia","postalCode":"19146","jobCode":"","ml_title":"clinical research coordinator - community violence and trauma support","hasPrimaryQuestionnaire":"yes","category_raw":"Research Clinical Research","isEverGreenReq":"0","source":"WORKDAY","type":"Full time","jobRequisitionId":"1013911","state1":"Pennsylvania","structureData":{"identifier":{"@type":"PropertyValue","name":"Children\u2019s Hospital of Philadelphia","value":"1013911"},"hiringOrganization":{"@type":"Organization","name":"Children\u2019s Hospital of Philadelphia"},"jobLocation":{"address":{"addressCountry":"United States of America","@type":"PostalAddress","postalCode":"19146","addressLocality":"Philadelphia","addressRegion":"Pennsylvania"},"@type":"Place"},"employmentType":"Full time","@type":"JobPosting","workHours":"40 hours per week","description":"<p><span>SHIFT:</span></p>Day (United States of America)<p></p><p></p><p><b>Clinical Research Coordinator III</b></p><p></p><p><b>Seeking Breakthrough Makers</b><br /><br />Children\u2019s Hospital of Philadelphia (CHOP) offers countless ways to change lives. Our diverse community of more than 20,000 Breakthrough Makers will inspire you to pursue passions, develop expertise, and drive innovation.<br /><br />At CHOP, your experience is valued; your voice is heard; and your contributions make a difference for patients and families. Join us as we build on our promise to advance pediatric care\u2014and your career.<br /><br /><b>CHOP\u2019s Commitment to Diversity, Equity, and Inclusion</b><br /><br />CHOP is committed to building an inclusive culture where employees feel a sense of belonging, connection, and community within their workplace. We are a team dedicated to fostering an environment that allows for all to be their authentic selves. We are focused on attracting, cultivating, and retaining diverse talent who can help us deliver on our mission to be a world leader in the advancement of healthcare for children.<br /><br />We strongly encourage all candidates of diverse backgrounds and lived experiences to apply.<br /><br /><br /><b>A Brief Overview</b><br /><span>The Community Violence and Trauma Support (CVTS) team is seeking a Clinical Research Coordinator (CRC) III to support </span><span>research and programmatic activities. Our programs and associated research and evaluation portfolio focus on supporting </span><span>children and adolescents who have experienced recent trauma, including violent injury and loss, in their physical and </span><span>psychosocial healing. In partnership with other community programs and members, we also study opportunities to proactively </span><span>foster the wellbeing of young people and communities in partnership with community-based organizations. To support our </span><span>evaluation and research efforts, we utilize primary and secondary data sources and employ both qualitative and quantitative </span><span>methods.</span><br />\u00A0</p><p><span>The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data </span><span>collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of </span><span>supplementary components as requested. The CRC will also serve as the primary supervisor for student research assistants and </span><span>interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and </span><span>Prevention and Center for Violence Prevention. </span><br />\u00A0</p><p><span>This position is contingent upon grant funding</span><br /><br /><b>What you will do</b></p><ul><li>Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies</li><li>Provides oversight in the preparation, management and monitoring of study budgets</li><li>Accountable for study oversight at one or more sites/institutions</li><li>May be responsible for conducting monitoring activities at one or more sites/institutions</li><li>Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc)</li><li>Facilitates and/or leads research/project\u202Fteam\u202Fmeetings</li><li>Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects</li><li>Independent of the PI assesses and critiques protocol feasibility and provides recommendations</li><li>May support 1 or more PI sponsored INDs or IDEs</li><li>Liaises between Research billing (CTFM) and the research team</li><li>Participate in the informed consent process of study subjects</li><li>Scheduling, facilitating and/or leading research/project team meetings</li><li>Screen, recruit and enroll patients/research participants</li><li>Report adverse events</li><li>Comply with Institutional policies, standard operating procedures (SOPs) and guidelines</li><li>Must comply with federal, state, and sponsor policies</li></ul><p></p><p><b>Education Qualifications</b></p><ul><li>Bachelor's Degree Required</li><li>Master's Degree in a related field Preferred</li></ul><p></p><p><b>Experience Qualifications</b></p><ul><li>At least four (4) years of clinical/research coordination experience Required</li><li>At least five (5) years of clinical/research coordination experience Preferred</li></ul><p></p><p><b>Skills and Abilities</b></p><ul><li>Intermediate knowledge of IRB and human subject protection</li><li>Basic proficiency in data management systems/tools</li><li>Excellent verbal and written communications skills</li><li>Excellent time management skills</li><li>Solid analytical skills</li><li>Ability to collaborate with stakeholders at all levels</li></ul><p><br /><b>To carry out its mission, CHOP is committed to supporting the health of our patients, families, workforce, and global community. As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine. <a href=\"https://careers.chop.edu/us/en/how-we-hire\" target=\"_blank\">Learn more.</a><br /><br />Employees may request exemptions for valid religious and medical reasons. Start dates may be delayed until candidates are immunized or exemption requests are reviewed.<br /><br /><a href=\"https://careers.chop.edu/us/en/eeo\" target=\"_blank\">EEO / VEVRAA Federal Contractor</a> | <a href=\"https://careers.chop.edu/us/en/tobacco-statement\" target=\"_blank\"> Tobacco Statement </a></b></p>","title":"Clinical Research Coordinator - Community Violence and Trauma Support (CVTS)","datePosted":"2025-02-12T00:00:00.000+0000","@context":"http://schema.org","occupationalCategory":"Research"},"descriptionTeaser":"The Community Violence and Trauma Support (CVTS) team is seeking a Clinical Research Coordinator (CRC) III to support research and programmatic activities. Our programs and associated research and eva...","HR_FirstName":"Teena","indeedApplyTags":true,"jobFamily":"Research Clinical Research","state":"Pennsylvania","jobUpdatedDate":"2025-02-12T19:11:23.190+0000","visibilityType":"External","confidential":{"isConfidential":false},"siteType":"external","longitude":"-75.18654889999999","secondaryQuestionnaireId":"","ats":"WORKDAY","isDerived":false,"jobProfile":"65004 - Clinical Research Coordinator III","test":"test","uniqueValue":{"jobId":"1013911","refNum":"CHOPUS","locale":"en_US","siteType":"external"},"uniqueKey":"CHOPUS1013911externalen_US","Evergreen_Confidential_Job_Requisition":"","atsStatus":"Open","internalCategoryId":"CHOPUS_Research","latlong":{"lon":-75.18654889999999,"lat":39.9456684},"jobUniqueIdentifier":"refNum,jobId,siteType,locale","multi_category":[{"primaryLocaleCategory":"Research","internalCategoryId":"CHOPUS_Research","category_raw":"Research Clinical Research","category":"Research"}],"stateCountry":"Pennsylvania, United States of America","reqId":"1013911","Confidential_Job_Requisition":"0","jobId":"1013911","companyId":"4576","refNum":"CHOPUS","jobReopenedOn":"2025-02-12T19:11:23.190Z","profileId":"65004","displayCareerSite":true,"jobUpdated":"2025-02-12T19:11:23.190Z","userType":"external","ml_country":"United States","primaryLocaleCategory":"Research","supQuestionnarieName":"","city":"Philadelphia","visibilityLocale":["en_US"],"latitude":"39.9456684","hasSecondaryQuestionnaire":"no","fesHash":"d113ea071bf1ba0586ef018fce30b54906916eb330744d2bf1a79ea1a0cde0a7","description":"<p><span>SHIFT:</span></p>Day (United States of America)<p></p><p></p><p><b>Clinical Research Coordinator III</b></p><p></p><p><b>Seeking Breakthrough Makers</b><br /><br />Children\u2019s Hospital of Philadelphia (CHOP) offers countless ways to change lives. Our diverse community of more than 20,000 Breakthrough Makers will inspire you to pursue passions, develop expertise, and drive innovation.<br /><br />At CHOP, your experience is valued; your voice is heard; and your contributions make a difference for patients and families. Join us as we build on our promise to advance pediatric care\u2014and your career.<br /><br /><b>CHOP\u2019s Commitment to Diversity, Equity, and Inclusion</b><br /><br />CHOP is committed to building an inclusive culture where employees feel a sense of belonging, connection, and community within their workplace. We are a team dedicated to fostering an environment that allows for all to be their authentic selves. We are focused on attracting, cultivating, and retaining diverse talent who can help us deliver on our mission to be a world leader in the advancement of healthcare for children.<br /><br />We strongly encourage all candidates of diverse backgrounds and lived experiences to apply.<br /><br /><br /><b>A Brief Overview</b><br /><span>The Community Violence and Trauma Support (CVTS) team is seeking a Clinical Research Coordinator (CRC) III to support </span><span>research and programmatic activities. Our programs and associated research and evaluation portfolio focus on supporting </span><span>children and adolescents who have experienced recent trauma, including violent injury and loss, in their physical and </span><span>psychosocial healing. In partnership with other community programs and members, we also study opportunities to proactively </span><span>foster the wellbeing of young people and communities in partnership with community-based organizations. To support our </span><span>evaluation and research efforts, we utilize primary and secondary data sources and employ both qualitative and quantitative </span><span>methods.</span><br />\u00A0</p><p><span>The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data </span><span>collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of </span><span>supplementary components as requested. The CRC will also serve as the primary supervisor for student research assistants and </span><span>interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and </span><span>Prevention and Center for Violence Prevention. </span><br />\u00A0</p><p><span>This position is contingent upon grant funding</span><br /><br /><b>What you will do</b></p><ul><li>Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies</li><li>Provides oversight in the preparation, management and monitoring of study budgets</li><li>Accountable for study oversight at one or more sites/institutions</li><li>May be responsible for conducting monitoring activities at one or more sites/institutions</li><li>Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc)</li><li>Facilitates and/or leads research/project\u202Fteam\u202Fmeetings</li><li>Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects</li><li>Independent of the PI assesses and critiques protocol feasibility and provides recommendations</li><li>May support 1 or more PI sponsored INDs or IDEs</li><li>Liaises between Research billing (CTFM) and the research team</li><li>Participate in the informed consent process of study subjects</li><li>Scheduling, facilitating and/or leading research/project team meetings</li><li>Screen, recruit and enroll patients/research participants</li><li>Report adverse events</li><li>Comply with Institutional policies, standard operating procedures (SOPs) and guidelines</li><li>Must comply with federal, state, and sponsor policies</li></ul><p></p><p><b>Education Qualifications</b></p><ul><li>Bachelor's Degree Required</li><li>Master's Degree in a related field Preferred</li></ul><p></p><p><b>Experience Qualifications</b></p><ul><li>At least four (4) years of clinical/research coordination experience Required</li><li>At least five (5) years of clinical/research coordination experience Preferred</li></ul><p></p><p><b>Skills and Abilities</b></p><ul><li>Intermediate knowledge of IRB and human subject protection</li><li>Basic proficiency in data management systems/tools</li><li>Excellent verbal and written communications skills</li><li>Excellent time management skills</li><li>Solid analytical skills</li><li>Ability to collaborate with stakeholders at all levels</li></ul><p><br /><b>To carry out its mission, CHOP is committed to supporting the health of our patients, families, workforce, and global community. As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine. <a href=\"https://careers.chop.edu/us/en/how-we-hire\" target=\"_blank\">Learn more.</a><br /><br />Employees may request exemptions for valid religious and medical reasons. Start dates may be delayed until candidates are immunized or exemption requests are reviewed.<br /><br /><a href=\"https://careers.chop.edu/us/en/eeo\" target=\"_blank\">EEO / VEVRAA Federal Contractor</a> | <a href=\"https://careers.chop.edu/us/en/tobacco-statement\" target=\"_blank\"> Tobacco Statement </a></b></p>","cityStateZipCode":"Philadelphia, Pennsylvania, 19146","multi_location":[{"country":"United States of America","cityState":"Philadelphia, Pennsylvania","address":"2716 South Street, Philadelphia, PA 19146, United States of America","city":"Philadelphia","postalCode":"19146","latlong":{"lon":-75.18654889999999,"lat":39.9456684},"latitude":"39.9456684","cityStateZipCode":"Philadelphia, Pennsylvania, 19146","stateCountry":"Pennsylvania, United States of America","locationId":"JP_Philadelphia_Campus-_Roberts_Center_for_Pediatric_Research","location":"Philadelphia, Pennsylvania, United States of America","state":"Pennsylvania","cityCountry":"Philadelphia, United States of America","cityStateCountry":"Philadelphia, Pennsylvania, United States of America","mapQueryLocation":"2716 South Street, Philadelphia, PA 19146, United States of America","longitude":"-75.18654889999999"}],"locale":"en_US","title":"Clinical Research Coordinator - Community Violence and Trauma Support (CVTS)","jobReopenedOnDate":"2025-02-12T19:11:23.190+0000","jobSeqNo":"CHOPUS1013911EXTERNALENUS","postedDate":"2025-02-12T00:00:00.000+0000","postingStatus":"OPEN","ml_highlight":"The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data collection tools, processes, and databases; manage study data; and coordinate...","dateCreated":"2025-01-14T00:03:13.784+0000","hasSupplementaryQuestionnaire":"no","locationId":"JP_Philadelphia_Campus-_Roberts_Center_for_Pediatric_Research","cityStateCountry":"Philadelphia, Pennsylvania, United States of America","jobType":"Regular","supQuestionnarieID":"","hashKey":"7925822ced79a12cdc3e1a0a05ee48c21395c455469c1ecbadecea25dffdb7c336404468ea1aa7d749278f0dd444922a11a9daafd1c6c99314701c1c8ca04f2f","address":"2716 South Street, Philadelphia, PA 19146, United States of America","isConfidential":false,"jobPostingSiteId":"External Career Site","isTranslated":false,"parentRefNum":"CHOPUS","ml_language_fullform":"english","HR_LastName":"Fletcher-Horton","cmsJobId":"JOB_POSTING-3-31676","jobVisibility":["external"],"primaryQuestionnaireId":"QUESTIONNAIRE-3-275","applyUrl":"https://chop.wd5.myworkdayjobs.com/CHOPExternalCareers/job/Philadelphia-Campus--Roberts-Center-for-Pediatric-Research/Clinical-Research-Coordinator----Community-Violence-and-Trauma-Support--CVTS-_1013911-1/apply","HR_EmailWork":"fletchert@chop.edu","isCritical":false,"jobFamilyId":"Research Clinical Research","location":"Philadelphia, Pennsylvania, United States of America","cityCountry":"Philadelphia, United States of America","ml_job_parser":{"descriptionHashKey":"80230ddf710dc7042b316ab95cb4da7f","country":"United States of America","education":[{"system":true,"deleted":false,"source":"FES","fieldOfStudy":[],"degree_source":["must"],"degree_level":3}],"good_to_have":[{"standard":"develop","name":"develop","source":"look-up"},{"standard":"Data Management","name":"data management","source":"look-up"},{"standard":"patient care","name":"patient care","source":"recruiter_es"},{"standard":"coordinate","name":"coordinate","source":"look-up"},{"standard":"policy compliance","name":"policy compliance","source":"gen_ai_es"},{"standard":"Regulatory Audits","name":"regulatory audits","source":"look-up"},{"standard":"entrepreneurial talent","name":"entrepreneurial talent","source":"gen_ai_es"},{"standard":"budgets","name":"budgets","source":"look-up"},{"standard":"study oversight accountability","name":"study oversight accountability","source":"gen_ai_es"},{"standard":"event reporting","name":"event reporting","source":"gen_ai_es"},{"standard":"pediatric","name":"pediatric","source":"recruiter_es"},{"standard":"budget management","name":"budget management","source":"gen_ai_es"},{"standard":"Influenza","name":"influenza","source":"look-up"},{"standard":"regulatory audit preparation","name":"regulatory audit preparation","source":"gen_ai_es"},{"standard":"consent participation","name":"consent participation","source":"gen_ai_es"},{"standard":"function","name":"function","source":"look-up"},{"standard":"supervisor","confidence":0.9413774609565735,"name":"supervisor","source":"ner","type":"Skill"},{"standard":"meeting facilitation","name":"meeting facilitation","source":"gen_ai_es"},{"standard":"eeo","name":"eeo","source":"recruiter_es"},{"standard":"monitoring","name":"monitoring","source":"look-up"},{"standard":"Data Collection","name":"data collection","source":"look-up"},{"standard":"collaborate","name":"collaborate","source":"look-up"},{"standard":"protocol evaluation","name":"protocol evaluation","source":"gen_ai_es"}],"ml_skills":["healthcare","clinical research","patient recruitment","irb","clinical research coordination","research liaison","mentoring and mentoring","develop","data management","patient care","coordinate","policy compliance","regulatory audits","entrepreneurial talent","budgets","study oversight accountability","event reporting","pediatric","budget management","influenza","regulatory audit preparation","consent participation","function","supervisor","meeting facilitation","eeo","monitoring","data collection","collaborate","protocol evaluation"],"jobTitle":"clinical research coordinator - community violence and trauma support","is_remote":false,"exp_prediction":{"isMinOverallExpPredicted":false,"minOverallExp":5,"statsPredictedExperience":{},"fasttextExpPrediction":{"predictedExperience":3,"experienceRange":"3-6"},"model":"NER","maxOverallExp":10},"ml_title":"clinical research coordinator - community violence and trauma support","must_have":[{"standard":"healthcare","name":"healthcare","source":"recruiter_es"},{"standard":"Clinical Research","name":"clinical research","source":"look-up"},{"standard":"patient recruitment","name":"patient recruitment","source":"gen_ai_es"},{"standard":"irb","confidence":0.8164595365524292,"name":"irb","source":"ner","type":"Skill"},{"standard":"clinical research coordination","name":"clinical research coordination","source":"gen_ai_es"},{"standard":"research liaison","name":"research liaison","source":"gen_ai_es"},{"standard":"mentoring and mentoring","name":"mentoring and mentoring","source":"gen_ai_es"}],"jobSeqNo":"CHOPUS1013911EXTERNALENUS","descriptionTeaser":"The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data collection tools, processes, and databases; manage study data; and coordinate...","job_zone":4,"skills_sentences":["At least five (5) years of clinical/research coordination experience Preferred.","Intermediate knowledge of IRB and human subject protection.","Basic proficiency in data management systems/tools.","Solid analytical skills.","Excellent time management skills.","Ability to collaborate with stakeholders at all levels."],"descriptionTeaser_keyword":"The Community Violence and Trauma Support (CVTS) team is seeking a Clinical Research Coordinator (CRC) III to support research and programmatic activities. Our programs and associated research and eva...","job_level":null,"soft_skills_sentences":["Solid analytical skills.","Seeking Breakthrough Makers.","Skills and Abilities.","Excellent verbal and written communications skills.","Excellent time management skills.","Ability to collaborate with stakeholders at all levels."],"created_time":1.7393874897116709E9,"ml_recruiter_location_range":null,"preferred_languages":[],"gen_ai_teaser":false,"ml_lang_score":0.902236819267273,"ml_smart_job_description":null,"ml_distance":{"unit":"mi","min":0,"max":1000,"source":"job_zone 4"},"mcs_keywords":["research","study","fda","external","nih","multi","consent","prevention","clinical","complex"],"skills_importance":[{"score":1,"term":"healthcare"},{"score":0.99,"term":"clinical research"},{"score":0.95,"term":"patient recruitment"},{"score":0.94,"term":"irb"},{"score":0.92,"term":"clinical research coordination"},{"score":0.86,"term":"research liaison"},{"score":0.82,"term":"mentoring and mentoring"},{"score":0.78,"term":"develop"},{"score":0.75,"term":"data management"},{"score":0.73,"term":"patient care"},{"score":0.73,"term":"coordinate"},{"score":0.71,"term":"policy compliance"},{"score":0.71,"term":"regulatory audits"},{"score":0.71,"term":"entrepreneurial talent"},{"score":0.7,"term":"budgets"},{"score":0.69,"term":"study oversight accountability"},{"score":0.68,"term":"event reporting"},{"score":0.67,"term":"pediatric"},{"score":0.67,"term":"budget management"},{"score":0.64,"term":"influenza"},{"score":0.64,"term":"regulatory audit preparation"},{"score":0.6,"term":"consent participation"},{"score":0.6,"term":"function"},{"score":0.6,"term":"supervisor"},{"score":0.54,"term":"meeting facilitation"},{"score":0.53,"term":"eeo"},{"score":0.53,"term":"monitoring"},{"score":0.5,"term":"data collection"},{"score":0.49,"term":"collaborate"},{"score":0.46,"term":"protocol evaluation"}],"ml_language":"en","ml_language_fullform":"english","requirement_sentences":["May support 1 or more PI sponsored INDs or IDEs.","Must comply with federal, state, and sponsor policies.","Master's Degree in a related field Preferred.","At least four (4) years of clinical/research coordination experience Required.","Intermediate knowledge of IRB and human subject protection.","Bachelor's Degree Required.","As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine.","Employees may request exemptions for valid religious and medical reasons."],"experience_sentences":["At least four (4) years of clinical/research coordination experience Required.","At least five (5) years of clinical/research coordination experience Preferred."],"ml_domains_v2":"Management Occupations","jobId":"1013911","job_type_fields":{"job_type":"full time","is_entrylevel":false,"experience_type":"senior level","is_intern":false},"refNum":"CHOPUS","responsibility_sentences":["The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of supplementary components as requested.","The CRC will also serve as the primary supervisor for student research assistants and interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and Prevention and Center for Violence Prevention.","Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies.","Provides oversight in the preparation, management and monitoring of study budgets.","Accountable for study oversight at one or more sites/institutions.","May be responsible for conducting monitoring activities at one or more sites/institutions.","Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc).","Facilitates and/or leads research/project team meetings.","Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects.","Independent of the PI assesses and critiques protocol feasibility and provides recommendations.","Liaises between Research billing (CTFM) and the research team.","Participate in the informed consent process of study subjects.","Scheduling, facilitating and/or leading research/project team meetings.","Screen, recruit and enroll patients/research participants.","Report adverse events.","Comply with Institutional policies, standard operating procedures (SOPs) and guidelines.","Must comply with federal, state, and sponsor policies.","Seeking Breakthrough Makers."],"ml_domains":null,"good_to_have_education":[],"education_sentences":["Master's Degree in a related field Preferred.","Education Qualifications.","Bachelor's Degree Required."],"onet":[{"onet_code":"11-9121.01","score":1,"onet_title":"Clinical Research Coordinators"}],"ml_experience_ner":[{"Min":4,"Max":null,"name":"four (4) years","type":"Duration","relevant_skill":"clinical/research coordination"},{"Min":5,"Max":null,"name":"five (5) years","type":"Duration","relevant_skill":"clinical/research coordination"}],"ml_country":"United States","descriptionTeaser_first200":"SHIFT. Day (United States of America). Clinical Research Coordinator III. Seeking Breakthrough Makers. Children\u2019s Hospital of Philadelphia (CHOP) offers countless ways to change lives. Our diverse ...","descriptionTeaser_ats":"","ml_Description":"The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of supplementary components as requested. The CRC will also serve as the primary supervisor for student research assistants and interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and Prevention and Center for Violence Prevention. Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies. Provides oversight in the preparation, management and monitoring of study budgets. Accountable for study oversight at one or more sites/institutions. May be responsible for conducting monitoring activities at one or more sites/institutions. Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc). Facilitates and/or leads research/project team meetings. Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects. Independent of the PI assesses and critiques protocol feasibility and provides recommendations. May support 1 or more PI sponsored INDs or IDEs. Liaises between Research billing (CTFM) and the research team. Participate in the informed consent process of study subjects. Scheduling, facilitating and/or leading research/project team meetings. Screen, recruit and enroll patients/research participants. Report adverse events. Comply with Institutional policies, standard operating procedures (SOPs) and guidelines. Must comply with federal, state, and sponsor policies. Master's Degree in a related field Preferred. At least four (4) years of clinical/research coordination experience Required. At least five (5) years of clinical/research coordination experience Preferred. Intermediate knowledge of IRB and human subject protection. Basic proficiency in data management systems/tools. Solid analytical skills. Seeking Breakthrough Makers. Education Qualifications. Bachelor's Degree Required. Skills and Abilities. Excellent verbal and written communications skills. Excellent time management skills. Ability to collaborate with stakeholders at all levels. As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine. Employees may request exemptions for valid religious and medical reasons. "},"category":"Research","mapQueryLocation":"2716 South Street, Philadelphia, PA 19146, United States of America","ml_Description":"The CRC will function independently within our research team to develop study protocols; secure IRB approval; develop data collection tools, processes, and databases; manage study data; and coordinate grant submissions, including preparation of supplementary components as requested. The CRC will also serve as the primary supervisor for student research assistants and interns and serve as a resource for more junior research staff on our team and within our larger Center for Injury Research and Prevention and Center for Violence Prevention. Applies in depth knowledge of clinical research and independently coordinates the activities of 1 or more large-scale, complex multi-center / multi-institutional studies. Provides oversight in the preparation, management and monitoring of study budgets. Accountable for study oversight at one or more sites/institutions. May be responsible for conducting monitoring activities at one or more sites/institutions. Prepares study sites for internal/external regulatory audits (sponsor, FDA, NIH, etc). Facilitates and/or leads research/project team meetings. Educates and mentors internal and external clinical staff, research teams and other coordinators; provides resources, and consulting on difficult protocols or projects. Independent of the PI assesses and critiques protocol feasibility and provides recommendations. May support 1 or more PI sponsored INDs or IDEs. Liaises between Research billing (CTFM) and the research team. Participate in the informed consent process of study subjects. Scheduling, facilitating and/or leading research/project team meetings. Screen, recruit and enroll patients/research participants. Report adverse events. Comply with Institutional policies, standard operating procedures (SOPs) and guidelines. Must comply with federal, state, and sponsor policies. Master's Degree in a related field Preferred. At least four (4) years of clinical/research coordination experience Required. At least five (5) years of clinical/research coordination experience Preferred. Intermediate knowledge of IRB and human subject protection. Basic proficiency in data management systems/tools. Solid analytical skills. Seeking Breakthrough Makers. Education Qualifications. Bachelor's Degree Required. Skills and Abilities. Excellent verbal and written communications skills. Excellent time management skills. Ability to collaborate with stakeholders at all levels. As a condition of employment, CHOP employees who work in patient care buildings or who have patient facing responsibilities must be fully vaccinated against COVID-19 and receive an annual influenza vaccine. Employees may request exemptions for valid religious and medical reasons. ","externalApply":false},"isMultiLocationEnabled":true,"multiLocationFieldName":"multi_location","multiLocationValues":["country","cityState","address","city","latlong","clubName","branch","stateCountry","workLocation","job_id","location","storeName","state","cityStateCountry"]},"eid":{"eid":"67b895112a7b884f37d03cf6"},"sourceResponseTime":0,"source":"Cache"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["locationmapsettings","jobDetail","jobwidgetsettings","siteConfig","categoryContentV2","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"c612728f98cd4dc6a0fe3152c3a37689","phProfileId":"45337064-fe84-4ed9-aac7-4b830c84a8c6","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" /><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/CHOPUS/en_us/desktop/page4/ph-page-page4-1676288397392.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-candidate-login-v1-default-mobile-1639461552885"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-sgMb3O"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-N388y2"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-shti9j"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-u4IJyv"></i> <span data-ph-id="ph-page-element-short-header-0PV9hm">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-x0N3G7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-DhWQMG"></i> <span data-ph-id="ph-page-element-short-header-EkfOtj">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-F1JX7S"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-c4acix"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-cvJsOH"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-jRFLoB"> <span data-ph-id="ph-page-element-short-header-7ciWJ0">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-hSi6jh"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-COSI6l"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-gdLK9r"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" if.bind="profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-eriIRw"> ${profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-wweTSy"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-short-header-fhv10R"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-9vsFuv"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-nyq3df"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-Nmyqn0"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-B95Hhp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-6jZ04O"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-kjEbfN"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-hWdQgl"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-dmzjfe"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-X7J7oi"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-bLGO5F"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-J1UHlB"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-EnfMnj"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-gkQnMY"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-AXAa3F"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Y8JED4"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-sxyM8z"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-uGUEdQ"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-o3vus2"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-k1IxfD"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-bk8UI9"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-X6hYqI"> <form novalidate="" data-ph-id="ph-page-element-short-header-D3wZV9"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-eK7wu2"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-0wPHpi"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-Jg9Y0n"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-B9TBjK"> <div class="text-box" data-ph-id="ph-page-element-short-header-UgVwpf"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-FISDgO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-yfLxsK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-jD41dd"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-Og7V2s"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-We1h3S"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-vkIEvC"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-gmkykz"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-JNMbsn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-4elB4b"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-SpUcO3"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-HuMf4G"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-4VK4aL"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-bOg4Kn"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-apmi58"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-dDwpHY"> <div class="text-box" data-ph-id="ph-page-element-short-header-Ul6GXO"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-CSlmJO"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-STfZPQ"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-mp0vw2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-xR94YS"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-g8aLEY"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-R12Ysb"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ZvdS3s"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-pjMgnI"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-Z2RCJv"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-fal3mO"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-QVsJNo"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-pTVevU"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-9uKgRx"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-FGzouj"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-ExdSfh"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-kQ7Phq"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-Mka61E"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-FpqIHr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-A7Clp6"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-XHUZDA"> <div class="form-container" data-ph-id="ph-page-element-short-header-EFrFI2"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-vBWhZz"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-O2BrhH"> <div class="user-options" data-ph-id="ph-page-element-short-header-klHMq7"> <span class="each-option" data-ph-id="ph-page-element-short-header-cYTnHt"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-xURRDp"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-B8ChtT"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-dDEfx5"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-n6OQSr"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-cUTgNU"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-R8ANfo"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-DO1D9t"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-ColVmH"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Q9N7Rw"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-66P0Rk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-Q0V252"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-TX1Ibf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-KRC8j3"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-uPC5bZ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-eiNGzn"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-MPFQSV"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-UAYsSK"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-7pQeOD"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-wUa3Lg"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-bimF00"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-usl2wc"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-WeEYjx"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-Vdpexb"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-AbFg81"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-yF8ltM"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-9qPuJd"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-pYcadT"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-sBuufi"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-02YKDH"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-kOauFH"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-E06BIB"> <form novalidate="" data-ph-id="ph-page-element-short-header-wbijFS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-1gcghI"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-U8C8Dr"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-khBTWH"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-aFWJFR"> <div class="text-box" data-ph-id="ph-page-element-short-header-9NCtjA"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-b8n8k2"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-5lGxaC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-Amah7I"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-Kw6eCt"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-YG5q32"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-0gAtUy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-JFbr5b"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-NAhNjz"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-21RcGt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-hyLWaA"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-mmq89I"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-CYsrVI"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-nIkmbt"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-UWA47U"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-dJxhvg"> <div class="text-box" data-ph-id="ph-page-element-short-header-mPBEHi"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-HtEN2q"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-44lvn6"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-fR4jE3"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-pPjYSi"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-JTW2N1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-Vxr6xn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-4a8Hdn"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-LfciD8"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-BbrjYZ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-xdTWBg"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-6Vh2XO"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-kWPyCE"> <span class="sr-only" data-ph-id="ph-page-element-short-header-JAkIqS"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-fIm745"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-CludIj"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-PZVs2i"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-XrtkIq"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-9uhtja"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-sMcBU7"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-7GudVj">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-qpR4FZ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-skIoFy">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-fJZ4g0">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-TNKOSs"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-Ftvbra"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-B7kyi5"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-xirDJi"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-short-header-FDGpGS"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-iqqP2o"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-oiuytr-t7rJrJ" data-ph-id="ph-page-element-short-header-0kKal1"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-ciS4ol"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-QKbIEx"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-u1s5si"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-sIuw32" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-fRxHts">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-zn8D1q"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-F7X5rP"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-wnZ2e2"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-LXaizA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-T42cm6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-4XuFFv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-G6SkAK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-93lNml"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-1lSgkg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-G6jOGW">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-3eKff0"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-whe32i"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-JlCIYt"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-4Qmv9k"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-ewlI0B"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-lk5G2A"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-xDhL1P"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-XL7e7a"> <div class="form-container" data-ph-id="ph-page-element-short-header-HCOvqP"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-AnDW8X"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-9VedpP"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-MfhZPF"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-FYNFb6"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-Aj14d8" view="1639461556493-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1653383873063" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-GEoezc"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-Fq1fUf"> <span data-ph-id="ph-page-element-short-header-5mKyCn"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-c5xUrQ"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-cXnM0a"> <span data-ph-id="ph-page-element-short-header-r11GG5"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-eKCyYu"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-qejFdE"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-OiA7Ty">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-OxbCiw">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-i1T0HN"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-AHYkom"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-UQCuUo"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-6mUnmF"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-gxmOel"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-44BmkW"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-oHrvVM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-RD384d"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-yNkOJl"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-r1fAfF"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-ASufai"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-NcdF9r">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-RgpE3Z"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-so3ci9"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1625838589315"><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-EoJmy3"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-Ee5rts"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-kte19c"></i> <span data-ph-id="ph-page-element-short-header-X5GGpu">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1606228440110"><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-Twaw0a"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-yRwlZy"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-Ihr69M"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-X6Whpg"> <span class="flag flag-${choosenLanguage.locationDisplayName}" blur.trigger="onBlurHandler($event, false)" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-bFBta0"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-voicQN"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-6OAPNq"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-YHT8uw"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-BWLyhD"> ${choosenLanguage.locationDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-dXecR7"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-85tGKD"> <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-quLtEo"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-W1cKlH" data-ph-id="ph-page-element-short-header-skoveH">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-7S76lQ" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or Language" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" key-placeholder="ph-language-selector-v2-view3-43qw7j-rUizB5" data-show-listbox="false" data-ph-id="ph-page-element-short-header-kAY29u" aria-label="" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-sP73bh"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-McOlIu"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-k9RrIb"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-Xr3GSL"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-ftE87E"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-2jVHDQ" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-IYRG4b">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-listbox" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-kjVmLp"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-n7rYqH"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-0EoDaU"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-savRel"></span> <div class="country" data-ph-id="ph-page-element-short-header-jK0NHJ"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-NjVRXt"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-agchAe"> <ppc-content data-ph-id="ph-page-element-short-header-FptyJS"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-xT9bqR"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-hkY8cj"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-SCGNP2" data-ph-id="ph-page-element-short-header-yqlkmW"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-em71MM"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7j-sNIpVi" data-ph-id="ph-page-element-short-header-EbUwwR"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670338849"><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-1N1Ohs"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-CnpGPC" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-cIoFTm"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-EiBAef"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-zzZ23X"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-2J7WOc"> (${jobCartCount}) </span> </a> </div></script><script id="ph_app_page_id" type="text/javascript"> phApp.pageId = "page4"</script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1653383771051"><div class="candidate-login-widget-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wUJoox"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4g0xDj"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EjxLdA"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-uRhcy3"></i> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cin61K">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-XU7L2m"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-lWxpJh"></i> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-k90FGW">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-fDuDku"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-SRZ3Q2"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KEomyO"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-zaAQ7I"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-bbPPAW"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Oal5lu">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-te5NjK"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-drepck"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xzV5yz"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BpgpbS"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-DsotLY"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Zu9xgh"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-oIxE4K">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-YcAyVT"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1rmjic"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hr5Up9"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-vfh1K6"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jVw2Eo"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-NAjf1P"> <div class="user-actions-list" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KKnvZU"> <div class="user-actions-listitem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-c9pSgi"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Qmdfhm"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-PXuSZI"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CHOBEQ"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-T0DgEV"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BarP5h"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qwef1R"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iFfeou"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8Y5tYA"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wpbDcT"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-N99oDN"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-RXgsRt"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-usFjg2"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-I0hz0W"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-A1T5KI"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-EAZLS2"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-fVkoB4"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-MWAiiZ"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WPgws8"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-dQvnhU"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GMmQmM"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hmUMYN"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-PVaRBI"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hN61BX"> <form novalidate="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-pyKPSZ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TTMdog"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3w0tOf"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-pMLDqg"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1zGiju"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GGbGUN"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-voaxXQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-niHdJF"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-aqDwxO"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rkJ9Ih"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Q77uil"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3xsS4d"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4pUah8"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VrCNkS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-YKSbBC"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Oi6AbJ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UOUrid"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qXwNCm"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sMPlIU"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TZ5EZJ"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-nUWniZ"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-bFuFan"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Ftxjbr"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-idCgYh"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2XVNsX"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HxWHgk"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iuDH1X"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-a1ZVHP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-dedn7k"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hadVtw"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qKas7D"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-d3TeH4"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-0XmPzV"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Iz4R1E"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Max0Cp"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-srAHJc"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-vDrWSP"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Nfxzqx"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LIsEPF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sB4wil"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UialO9"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-A7nzXw"> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-z3q49m"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UZi2Im"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8qJB8G"> <div class="user-options" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-dnGVbX"> <span class="each-option" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WZGZF4"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JWsYta"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-IOwpl9"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LZmhv2"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GhLSd0"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Nx746v"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GQDgJV"> <span class="forgot-password-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4Y1iQf"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-pxKsvJ"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-s2FHkk"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HTDXgH"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ZI3TXi"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cu6qWa"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wm6Z62"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-l4gVCP"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hhoM4L"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VaFvcC"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-noDmP4"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ythPWo"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-kFiiQI"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6QPftu"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JBIcBq"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1XUsfq"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-lEDgzQ"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-uFJ7id"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wk2arR"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-hbrGAi"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iQlPXg"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-YSwILz"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-B9Vko6"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-nKWZbk"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qJi8QL"> <form novalidate="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-u4Vygv"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-KETYvK"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-wbgA5J"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VDpC30"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-AGelGF"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ERJBrK"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-XgF0SS"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xrbDtK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-he7Tgs"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-RCBu4I"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-AzATPR"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-W33kMr"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-venNau"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iN71T8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-VHo0qD"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Xlq7fS"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-oyYYvZ"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cPqFbY"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yE7v3P"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-UalfN6"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-IJgYYW"> <div class="text-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ke2DhM"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Rh1nrZ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-09pkGw"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TZO7uH"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-R7aikT"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-3vYrsA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sKICol"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-qy6dNZ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-JvMrgG"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CFjqBZ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QqQumm"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-CgDsuG"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HjaAVK"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ra7kjv"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QWhHGD"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-uUzh1p"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cBT3UB"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-taTV5N"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WFhcgo"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ueJ5dx">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-c0tfWz">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-RTXShA">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-91aSjJ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QGWjvr"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GmmTCb"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-iUqEJx"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-NL7S2T"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-jvvFcs"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Mqlebq"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-X1n6rN"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-BfkjCl"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-28iBo3"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-N09y84"> <ppc-content key="ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-7eVc9u">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Qj3Uzt"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HhrOft"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-rWSZss"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-tULInB"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cDDQpK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6qBspu"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ao25oQ"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yj4PSd"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-dbMZLy"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Oay0OJ">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-sEpMwu"> <span class="sr-only required-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4rllYC"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-HwSS15"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8wvRXA"> <span class="alert-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-LJnIU2"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2PCFlS"> <span class="alert-msg" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-7l7fcM"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-26D48T"> <div class="form-container" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8cqCgZ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ePoLyB"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-RK8c2b"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1VVY65"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-ZXPr7G"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-xhzDuy" view="1653383803813-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-1653383920027" original-view="view5" instance-id="" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-8ZPMOQ"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-6NYKo0"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-4TIXyO"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-WCrR7r"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-A6n4yL"> <span data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-gwvrAR"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-T1eRPx"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-COlsdk"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-TRxGYZ">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QJRY2f">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-SPpDOa"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-tgw5cw"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-w3OdBG"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-zmDFbL"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-L5Lt5s"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-1yJems"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-2xnjTf"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-yFt9Zl"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-QnfqK8"></span> <span class="checkbox-text" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-cry6Hx"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-Zq5WHb"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-GapEA4">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-FQ6nb5"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1639461509666-ph-candidate-login-v1ikjhyg-vYgCep"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383873063"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-kr7hf9"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-aF9Ynd"> <div class="widget-container" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-dzEve2"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-O2fbPx"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-1zemBB"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-ewiLh1"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-l7TtBK"> <div class="icon-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-JpotEF"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-ogLkPa"></i> </div> <div class="text-block" data-ph-id="ph-1639461556493-view5-ph-social-connect-v1-LCX58G"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1653383920027"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-JMyNol"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-STwfrU"> <div class="widget-container" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-ybCSX0"> <!-- <div class="heading-block"> <h2 class="phs-heading ph-a11y-fyf-step-block" tabindex="-1"> <ppc-content key="widgetMainHeading2"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading"> <i class="icon icon-lock"></i> <ppc-content key="widgetsubHeading"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </div> </div> --> <div class="content-block" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-8hEziJ"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-kCekuM"> <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-1653383803813-view5-ph-social-connect-v1-iaKiAX"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-E7SLrf"> <div class="icon-block" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-BDFrCk"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-FYGRj2"></i> </div> <div class="text-block" data-ph-id="ph-1653383803813-view5-ph-social-connect-v1-buQAyH"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> <!-- <section class="ph-widget" instance-id="87yy7u"> <div class="ph-candidate-merge-profile-v1-default-default" instance-id="87yy7u" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1"> </div> </section> --> </div></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-job-fields-1633357942971"><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="SLzlGW" data-ph-id="ph-page-element-page4-14fwNo"> <div class="job-smart-tags" data-ph-id="ph-page-element-page4-htMbmR"> <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-page4-HveHsA"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-cs8qcJ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-sQhoM9"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-QZn8VL">${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-page4-xxJFCR"> <span class="featured-job" if.bind="jobDetail.featuredJob && (jobDetail.featuredJob && jobDetail.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page4-yTSLlb"> ${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-page4-rghFtY"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-7wEye8"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-w33gQ8">${widgetBundle[eachTag.name] | pht : jobTagsData[jobDetail['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <!-- job badge --> <div class="pcs-image-wrapper job-card-logo" if.bind="(jobDetail.badgeImage && jobDetail.badgeImage.src) && enabledFields['pjfJobBadges']" data-ph-id="ph-page-element-page4-sKJ8yT"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-S07zFA"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-JJWOFr"> <img src="${jobDetail.badgeImage.src.value}" alt="${jobDetail.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page4-2fc7fv" /> </div> </figure> </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', 'closeDate','expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (jobDetail.closeDate && eachAttr.name.indexOf('closeDate') != -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', 'closeDate', 'expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (jobDetail.closeDate && eachAttr.name.indexOf('closeDate') != -1) || (eachAttr.name.indexOf('expiryDate') != -1 && jobDetail.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page4-dYU2M1"> <span class="multiple-location" if.bind="(jobDetail.multi_location.length > 1 && (['location'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page4-hjSRmL"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-gB6D9W"></i> <span class="button-pre-text" aria-hidden="true" data-ph-id="ph-page-element-page4-iwqqio"> ${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-page4-Sz9QZF"> ${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-page4-XiYA3d"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-6uPVkJ"></i> <span class="button-pre-text" aria-hidden="true" data-ph-id="ph-page-element-page4-c2DbUd"> ${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-page4-5SlOF3"> ${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-page4-rSmhxm"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-Z5SyEz">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-FdcDlZ">${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-page4-nhzndN"></i> ${jobDetail[eachAttr.name]} </span> <span class="${eachAttr.name}" if.bind="jobDetail[eachAttr.name] && (['title','postedDate', 'closeDate', '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-page4-V0I3Qp"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-czW5Ot">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-X0F5QV"> ${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-page4-80WOqS"></i> ${jobDetail[eachAttr.name]} </span> <span class="job-${eachAttr.name}" if.bind="(jobDetail.postedDate && eachAttr.name == 'postedDate') || (jobDetail.closeDate && eachAttr.name == 'closeDate') || (eachAttr.name == 'dateCreated' && jobDetail.dateCreated) || (eachAttr.name == 'expiryDate' && jobDetail.expiryDate) || (eachAttr.name == 'closeDate' && jobDetail.closeDate) || (jobDetail[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1))" data-ph-id="ph-page-element-page4-XvJx9L"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-xRiKjs"> ${widgetBundle[eachAttr.name]} </span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-UnVgza">${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-page4-CDD57t"></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-page4-LO5KsW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-9WYyNg">${widgetBundle[eachAttr.name]}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-mZoopv">${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-page4-gbpcPn"></i> <span if.bind="!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-c8qJ8X">${widgetBundle['whenDrivingTimeNotFound']}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-YsYPtG">${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-page4-prGLtH">${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-page4-3XBRbu">${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-page4-QRtWOO">${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-page4-9CzcUo"> <div class="job-smart-tags" data-ph-id="ph-page-element-page4-T9yvgt"> <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-page4-3Qywkz"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-6SsXhk"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-mQjkjZ"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-SdXeez">${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-page4-Yy8gwT"> <span class="featured-job" if.bind="jobDetail.featuredJob && (jobDetail.featuredJob && jobDetail.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page4-396hqN"> ${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-page4-0VVfBb"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-1rzkcW"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-uIZO2t">${widgetBundle[eachTag.name] | pht : jobTagsData[jobDetail['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <!-- job badge --> <div class="pcs-image-wrapper job-card-logo" if.bind=" (jobDetail.badgeImage && jobDetail.badgeImage.src)" data-ph-id="ph-page-element-page4-a5Oefa"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-NShVl9"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-LTmOfJ"> <img src="${jobDetail.badgeImage.src.value}" alt="${jobDetail.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page4-eSiHOU" /> </div> </figure> </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','closeDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name.indexOf('postedDate') != -1) || (jobDetail.closeDate && eachAttr.name.indexOf('closeDate') != -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','closeDate','expiryDate','multi_location', 'multi_category' , 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) || (jobDetail.postedDate && eachAttr.name == 'postedDate') || (jobDetail.closeDate && eachAttr.name == 'closeDate') || (eachAttr.name == 'expiryDate' && jobDetail.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page4-mAuOUC"> <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-page4-HRTJSN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-Ppu4H6">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-u5tsMw">${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-page4-ofvksi"></i> ${jobDetail[eachAttr.name]} </span> <span class="${eachAttr.name}" if.bind="jobDetail[eachAttr.name] && (['title','postedDate','closeDate','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-page4-sSDi7p"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-vkrCYT">${widgetBundle[eachAttr.name]}</span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-Le30EQ"> ${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-page4-SnLfgf"></i> ${jobDetail[eachAttr.name]} </span> <span class="job-${eachAttr.name}" if.bind="(jobDetail.postedDate && eachAttr.name == 'postedDate') || (jobDetail.closeDate && eachAttr.name == 'closeDate') || (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-page4-nDqrqV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-tyesOs"> ${widgetBundle[eachAttr.name]} </span> <b if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-qrxJ6s">${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-page4-PuPgrN"></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-page4-LC5QoY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-xrTwUZ">${widgetBundle[eachAttr.name]}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-fV9o6d">${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-page4-isyebG"></i> <span if.bind="!jobDetail.drivingTime.inHours && !jobDetail.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-aLh4u5">${widgetBundle['whenDrivingTimeNotFound']}</span> <span if.bind="jobDetail.drivingTime && jobDetail.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-8SS4ko">${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-page4-WskZfl">${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-page4-t2yg65">${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-page4-33HlKR">${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-page4-0GYpp1"> <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-page4-yKHRci"> <div class="multi-job" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_location.length} locations" data-ph-id="ph-page-element-page4-8Dqc90"> ${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-page4-geSPwP"> <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-page4-fsbU8e"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-Y7gNoU"></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-page4-Gw4M47"> <!-- <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-glzi12-S3WQGC" 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="SLzlGW-6mQGWz" data-ph-id="ph-page-element-page4-7jUEdV"> <span data-ph-id="ph-page-element-page4-hrriQ3"> ${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-page4-yfnhjT"></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-page4-xqtwxJ"> <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-page4-wLPgJ5"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-M1MgXI"></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-page4-GDghLJ"> <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-page4-YgV1zM"> <div class="multi-category" aria-label="${jobDetail.title} ${jobDetail.jobSeqNo} Job available in ${jobDetail.multi_category.length} category" data-ph-id="ph-page-element-page4-iJo4Sj"> ${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-page4-ajckRX"> <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-page4-J0laMl"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-lMJt1L"></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-page4-eAYEMC"> <!-- <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-glzi12-tpPDK9" 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="SLzlGW-mhyryQ" data-ph-id="ph-page-element-page4-s4RTw5"> <span data-ph-id="ph-page-element-page4-Vqojez"> ${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-page4-nVkt1G"></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-page4-wL8SqY"> <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-page4-gOO7Qn"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-jDd9X7"></i> ${eachCategory.category} </li> </ul> </div> </div> <!-- MultiCategory display type dropdown ends--> <!-- smart-jobs --> <p class="smart-highlights job-other-info" show.bind="jobDetail['smartHighlightsKeys'] && jobDetail.smartHighlights" data-ph-id="ph-page-element-page4-QFdyab"> <span repeat.for="highLightKey of jobDetail['smartHighlightsKeys']" show.bind="(jobDetail['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page4-qKB1zV"> <span data-ph-id="ph-page-element-page4-CRllHX"> <span class="sr-only" data-ph-id="ph-page-element-page4-rYgqLq"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page4-JmGqtn">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page4-gpwjMQ">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-53SRwp">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-F50ieX">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page4-Fpjhv6">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page4-7jM1vi">${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-page4-Lu58G3"></i> ${jobDetail['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-page4-KQuYJA"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[jobDetail.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-eUGWXl"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-dTWQDf"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-FDVmnz">${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-page4-slGZta"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page4-FIE1uY"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-xrGDAG"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-duXKw3"> <button class="close ph-a11y-close-multi-location" click.delegate="closeMultiLocationModal()" aria-label="Close popup" key-aria-label="ph-job-details-v1-job-fields-glzi12-FIWGNb" instance-id="SLzlGW-d0FcZo" data-ph-id="ph-page-element-page4-owDmNz"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-jrcC41"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-w4K1jU"> <div class="job-heading" role="heading" aria-level="1" key-role="ph-job-details-v1-job-fields-glzi12-eW0beV" key-aria-level="ph-job-details-v1-job-fields-glzi12-GcEuHd" instance-id="SLzlGW-URalHN" data-ph-id="ph-page-element-page4-ccXHAG"> ${jobDetail.title} </div> <div class="job-location-count" data-ph-id="ph-page-element-page4-CH0uTw"> ${widgetBundle['jobLocationCount'] | pht:{"locationCount":jobDetail.multi_location.length}} </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-vcIovB"> <ul class="location-list" ph-role="data.bind:jobDetail.multi_location" data-ph-id="ph-page-element-page4-A7QM0R"> <li class="each-location" repeat.for="eachLocation of jobDetail.multi_location" data-ph-id="ph-page-element-page4-AUnEVE"> <span data-ph-id="ph-page-element-page4-oNBDmj"> <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-page4-VV1WuH"></i> </span> <span data-ph-id="ph-page-element-page4-1MDHKd"> ${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-page4-AOpTQh"> <span class="sr-only" data-ph-id="ph-page-element-page4-cjlVtQ">${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-page4-IooO16"></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-page4-XshSnP">${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-page4-eeFrMB">${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-page4-7uTjJT">${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-page4-iaV8s3">${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-page4-ZvYG96"> ${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-page4-e0Tlu8"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page4-xHGX5x"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-H8XlRS"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-cf71WG"> <button class="close ph-a11y-close-multi-category" click.delegate="closeMultiCategoryModal()" aria-label="Close popup" key-aria-label="ph-job-details-v1-job-fields-glzi12-H6BcNh" instance-id="SLzlGW-LOgLol" data-ph-id="ph-page-element-page4-2cY04w"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-crA2mO"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-3Xkv9J"> <div class="job-heading" role="heading" aria-level="1" key-role="ph-job-details-v1-job-fields-glzi12-RIecpm" key-aria-level="ph-job-details-v1-job-fields-glzi12-iUbKch" instance-id="SLzlGW-hjo6k6" data-ph-id="ph-page-element-page4-g91V7o"> ${jobDetail.title} </div> <div class="job-category-count" data-ph-id="ph-page-element-page4-zqleJq"> ${widgetBundle['jobCategoryCount'] | pht:{"categoryCount":jobDetail.multi_category.length}} </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-kKZx6a"> <ul class="category-list" ph-role="data.bind:jobDetail.multi_category" data-ph-id="ph-page-element-page4-Lz3ehm"> <li class="each-category" repeat.for="eachCategory of jobDetail.multi_category" data-ph-id="ph-page-element-page4-zyMH3q"> <span data-ph-id="ph-page-element-page4-IUoBsh"> <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-page4-GFHQvk"></i> </span> <span data-ph-id="ph-page-element-page4-aZ6FEt"> ${eachCategory.category} </span> </li> </ul> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-gx2pvr-job-header"> <span aria-live="polite" id="jobCountSrOnly" aria-atomic="true" data-ph-id="ph-page-element-page4-SNmKMc"> <span class="sr-only" if.bind="jobAdded" data-ph-id="ph-page-element-page4-o1JWRX"> ${jobCartCount} Saved Jobs </span> <span class="sr-only" if.bind="jobRemoved" data-ph-id="ph-page-element-page4-uVc5UR"> ${jobCartCount} Saved Jobs </span> </span> <div class="well" role="region" data-ph-id="ph-page-element-page4-dzz1E2"> <div class="container" data-ph-id="ph-page-element-page4-lXyr8n"> <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-page4-nEfBLG"> <h1 class="job-title" data-ph-id="ph-page-element-page4-gQjbk8">${jobDetail.title}</h1> <section class="ph-widget" instance-id="glzi12" data-ph-id="ph-page-element-page4-7AMu4P"> <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="job-fields-1633357942971" instance-id="glzi12" original-view="job-fields" data-ph-id="ph-page-element-page4-HVS55X"></div> </section> </div> <!-- Job actions --> <div class="job-header-actions" data-ph-at-id="job-actions" data-ph-id="ph-page-element-page4-U809jg"> <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-gx2pvr-DyDNR2" aria-label="Apply Now for ${jobDetail.jobSeqNo}" key-aria-label="ph-job-details-v1-job-header-gx2pvr-a7iNFs" data-ph-at-id="apply-link" data-ph-at-job-seqno-text="${jobDetail.jobSeqNo}" data-ph-id="ph-page-element-page4-WsfQOu"> <ppc-content key="ph-job-details-v1-job-header-gx2pvr-rLi7Wp" data-ph-at-id="apply-text" data-ph-id="ph-page-element-page4-G5Tyl6"> Apply Now </ppc-content> </a> <div class="savejob-checkbox" data-ph-at-id="jd-page-add-job-cart" data-ph-id="ph-page-element-page4-bQNxfp"> <label for="saveJob-${jobDetail.jobSeqNo}" class="${jobDetail.inProgress ? 'disabled':''}" data-ph-id="ph-page-element-page4-EKFASn"> <input type="checkbox" id="saveJob-${jobDetail.jobSeqNo}" checked.bind="jobDetail.isJobSaved" change.delegate="handleSaveJob(jobDetail)" aria-label="Save job ${jobDetail.title}" key-aria-label="ph-job-details-v1-job-header-gx2pvr-5KKqKl" aria-checked="${jobDetail.isJobSaved ? 'true' : 'false'}" role="checkbox" key-role="ph-job-details-v1-job-header-gx2pvr-TS3Lkb" data-ph-at-id="save-link" data-ph-id="ph-page-element-page4-D7dC2O"> <span class="label-content btn" if.bind="jobDetail.isJobSaved === false" data-ph-id="ph-page-element-page4-EiHop7"> <i class="icon icon-career-level-2" aria-hidden="true" data-ph-id="ph-page-element-page4-X2uETO"></i> <ppc-content key="ph-job-details-v1-job-header-gx2pvr-eizXfr" data-ph-at-id="save-text" data-ph-id="ph-page-element-page4-bhTPG1">Save job</ppc-content> </span> <span class="label-content btn" if.bind="jobDetail.isJobSaved === true" data-ph-id="ph-page-element-page4-fffOhK"> <i class="icon icon-career-level-2" aria-hidden="true" data-ph-id="ph-page-element-page4-nQ1EV8"></i> <ppc-content key="ph-job-details-v1-job-header-gx2pvr-rjihoK" data-ph-at-id="save-text" data-ph-id="ph-page-element-page4-6u9uN7">Saved Job</ppc-content> </span> </input></label> </div> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-5asiz6-view8"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-page-element-page4-FcSvQO"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ph-category-overview-v3-view8-5asiz6-RTdwLZ" aria-label="Explore your future" key-aria-label="ph-category-overview-v3-view8-5asiz6-AU4JAf" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-page-element-page4-srLXu5"> <div class="widget-container" data-ph-id="ph-page-element-page4-yqAReo"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-9BCDEd"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page4-13rVXc"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-AU4JAf" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-f56GEJ">Explore your future</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-6gUOcC"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-tEN1HE" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-ip65qX"> 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-page4-HXBb5M"> <div class="${mode}" data-ph-id="ph-page-element-page4-fjMMgl"> <div role="list" 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-page4-UnlK5p"> <div role="listitem" if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-page-element-page4-TD0YDk"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-page-element-page4-BWAtSb"> <div class="category-info" data-ph-id="ph-page-element-page4-3A5GyP"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page4-KyzPEc">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page4-CrpvRs"> <span data-ph-id="ph-page-element-page4-80Zs2s">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-pJRidW"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page4-c417Fm"> <span data-ph-id="ph-page-element-page4-JH2WjL">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-lyLK3x"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page4-SJOFIM"> <span data-ph-id="ph-page-element-page4-CgIj0W">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-yotWsM"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div role="listitem" if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page4-Nhw4xI"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-page-element-page4-IDSRoo"> <div class="category-info" data-ph-id="ph-page-element-page4-VRp5pw"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page4-lIZ6Wq">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page4-KZw3Ds"> <span data-ph-id="ph-page-element-page4-14af2Q">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-Y9GN68"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page4-bPQvQq"> <span data-ph-id="ph-page-element-page4-9UZbWD">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-PZsjvJ"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page4-mWVSRm"> <span data-ph-id="ph-page-element-page4-BltvtF">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-TUv1fG"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <div role="listitem" if.bind="(mode != 'slider') && (type == 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page4-oWrfcc"> <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} jobs" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-page-element-page4-XSSZIE"> <div class="category-info" data-ph-id="ph-page-element-page4-uqDlqO"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page4-Kt5sp7">${category.key}</p> <p if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page4-X3oMLW">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-BPnPnS">${widgetBundle['categoryCountSingler'] | pht}</span> </p> <p if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page4-oT2YtG">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page4-V1qVHV">${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" data-ph-id="ph-page-element-page4-la5BMF"> <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" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="ph-category-overview-v3-view8-5asiz6-CSXinD" key-aria-label="ph-category-overview-v3-view8-5asiz6-2fmjpE" key-role="ph-category-overview-v3-view8-5asiz6-JzU3ka" data-ph-at-id="seemore-link" data-ph-id="ph-page-element-page4-I31OL1"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-3Qu5jJ" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page4-JURbLR"> Show More </ppc-content> </a> <a ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="ph-category-overview-v3-view8-5asiz6-1rFJtu" key-aria-label="ph-category-overview-v3-view8-5asiz6-7dEkLh" key-role="ph-category-overview-v3-view8-5asiz6-jVAAwo" data-ph-at-id="viewnext-link" data-ph-id="ph-page-element-page4-YsIDsC"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-4sNsrJ" data-ph-at-id="viewnext-text" data-ph-id="ph-page-element-page4-m5L71l"> View Next </ppc-content> </a> <a 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-5asiz6-rHCGOt" key-aria-label="ph-category-overview-v3-view8-5asiz6-YAvpRn" key-role="ph-category-overview-v3-view8-5asiz6-WvrIJz" data-ph-at-id="viewall-link" data-ph-id="ph-page-element-page4-prrD3Q"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-hXLbOh" data-ph-at-id="viewall-text" data-ph-id="ph-page-element-page4-1Yigt7"> View All </ppc-content> </a> <a ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" click.delegate="viewLess()" if.bind="!hideLess" key-title="ph-category-overview-v3-view8-5asiz6-MMd8Tc" key-aria-label="ph-category-overview-v3-view8-5asiz6-MKcTX9" key-role="ph-category-overview-v3-view8-5asiz6-fo6ZaF" data-ph-at-id="seeless-link" data-ph-id="ph-page-element-page4-I1Vj9e"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-UVPUYI" data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page4-QFibnh"> 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-page4-IlDzKq"> <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-5asiz6-S0c79M" key-aria-label="ph-category-overview-v3-view8-5asiz6-pbk8Fz" key-role="ph-category-overview-v3-view8-5asiz6-yZk3iv" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page4-i8Ssiz"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page4-PcS2VY"></i> <ppc-content key="ph-category-overview-v3-view8-5asiz6-OFVR1O" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page4-hTzucD"> 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-5asiz6-QO4gEh" key-aria-label="ph-category-overview-v3-view8-5asiz6-Cd1WO0" key-role="ph-category-overview-v3-view8-5asiz6-5CbZVb" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page4-oa6DuR"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-lBamLa" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page4-zsJMsl"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page4-tBIYT9"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page4-FoWIfz"> <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-page4-cuFH7v"> </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-page4-oAA6mO"> <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-5asiz6-S0c79M" key-aria-label="ph-category-overview-v3-view8-5asiz6-pbk8Fz" key-role="ph-category-overview-v3-view8-5asiz6-yZk3iv" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page4-Zq8yKU"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page4-WYnWJq"></i> <ppc-content key="ph-category-overview-v3-view8-5asiz6-OFVR1O" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page4-TkvhZ8"> 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-5asiz6-QO4gEh" key-aria-label="ph-category-overview-v3-view8-5asiz6-Cd1WO0" key-role="ph-category-overview-v3-view8-5asiz6-5CbZVb" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page4-w1LQjj"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-lBamLa" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page4-Xtgexe"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page4-Pmw1sJ"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page4-5ks8cs"> <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-page4-OMw6xn"> </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-page4-KqfhMN"> <p data-ph-id="ph-page-element-page4-C0pw2l"> <ppc-content key="ph-category-overview-v3-view8-5asiz6-SHYa9E" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-K8DUGt"> No Categories. </ppc-content> </p> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-location-map-v1--default"> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-JavWma"> <button class="btn primary-button ph-a11y-map-button" if.bind="isPopup" click.delegate="toggleMap()" data-ph-id="ph-page-element-page4-TCw4mA"><i class="icon ${widgetBundle['locIconText']}" data-ph-id="ph-page-element-page4-UM5vM7"></i><span data-ph-id="ph-page-element-page4-4SePvf">${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-page4-lWXMV7"> <div class="content-block" if.bind="mapData.multi_location && !showErrorMsg" data-ph-id="ph-page-element-page4-hkPiKg"> <a class="close ph-a11y-close-btn" href="javascript:void(0)" if.bind="isPopup" click.delegate="closeLocationDialog()" tabindex="0" data-ph-id="ph-page-element-page4-91Yans"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-3jZXXm"></i> <span class="sr-only" key="ph-location-map-v1-default--FwvAnM" data-ph-id="ph-page-element-page4-Yqcxps"> Close the popup </span> </a> <div class="hide" id="ph-pin-info-window" data-ph-id="ph-page-element-page4-vimoEv"> <div class="info-box" data-ph-id="ph-page-element-page4-q3QSYq"> <div tkey="pinInfoAddressLine1" tkeys="1" data-ph-id="ph-page-element-page4-yQHixE"> </div> <div tkey="pinInfoAddressLine2" tkeys="1" data-ph-id="ph-page-element-page4-xozDx0"> </div> <div tkey="pinInfoAddressLine3" tkeys="1" data-ph-id="ph-page-element-page4-w5PD8X"> </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-BSMF8S"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-hbn3bx"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page4-51Qf5v"> <ppc-content key="ph-location-map-v1-default--1jjbVI" data-ph-at-id="title-text" data-ph-id="ph-page-element-page4-egPzIk"> Our Locations </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-cL3oJn"> <ppc-content key="ph-location-map-v1-default--orkyjn" data-ph-at-id="sub-title-text" data-ph-id="ph-page-element-page4-LqAIXO"> 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-page4-FXCfbV"></div> <div id="map" class="location-map-area" data-ph-id="ph-page-element-page4-3tv00R"></div> </div> </div> <div class="content-block" if.bind="searchArray.length && !showErrorMsg" data-ph-id="ph-page-element-page4-xkoeK4"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-o3CfJu"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page4-FlFWky"> <ppc-content key="ph-location-map-v1-default--Q4GyW3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-drgVVN"> Our Locations </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-EpiInH"> <ppc-content key="ph-location-map-v1-default--GU3SJc" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-ZwrxV1"> 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-page4-PEdNdo"> <div class="infoBlock" data-ph-id="ph-page-element-page4-UEisOR"> <div class="info-details" data-ph-id="ph-page-element-page4-TObjFk"> <h5 tkey="pinInfoTitle" tkeys="1" class="infoTitle" data-ph-id="ph-page-element-page4-iK9k8a"> View {{location}} has {{count}} opportunities </h5> <div tkey="pinInfoState" tkeys="1" class="infoState" data-ph-id="ph-page-element-page4-DN7BYl"> </div> </div> <div class="job-link" data-ph-id="ph-page-element-page4-QU2dgy"> <a tkey-href="pinLink" tkey="pinkLinkText" tkeys="1" class="phs-location-link" data-ph-id="ph-page-element-page4-zK2xNg"> </a> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page4-VfJ8hk"></i> </div> </div> </div> <div class="hide" style="display:none;" id="ph-cluster-info-window" data-ph-id="ph-page-element-page4-P1im5c"> </div> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page4-XqW0dC"></div> <div class="phs-location-overview-map-area ph-widget-box" show.bind="!showLoader && !showErrorMsg" data-ph-id="ph-page-element-page4-09dXyo"> <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-page4-OsU5gN"> <lable class="sr-only" for="location-selector" data-ph-id="ph-page-element-page4-uhrlFe"> ${widgetBundle['locationTitleText'] | pht} </lable> <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-page4-wznt43"> <span class="icon icon-search form-control-feedback keyword-icon" aria-hidden="true" show.bind="!filterKey" data-ph-id="ph-page-element-page4-6xzFW8"></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-page4-IDREv4"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-iHSx8p"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-aa03Ke"> <ppc-content key="ph-location-map-v1-default--WwxtfQ" data-ph-at-id="clear-eventsearch-text" data-ph-id="ph-page-element-page4-EyIj2J"> location menu open 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-page4-zyaiQu"> <li class="ph-a11y-dropdown-list-item" repeat.for="loc of mapData|searchFilter:filterKey:'key'" role="option" data-ph-id="ph-page-element-page4-3Spv1x"> <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-page4-24fqXV"> <div class="icon-block" data-ph-id="ph-page-element-page4-VlRq4K"> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page4-6Zs4Eu"></i> </div> <div class="location-data" data-ph-id="ph-page-element-page4-RW2vqL"> ${loc.key} </div> </a> </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-gf5GQ6"> <div class="location-no-data" show.bind="!mapData.length" data-ph-id="ph-page-element-page4-KmeOrq"> No Result Found </div> </div> </input> </div> <div id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page4-6rjOGz"></div> <div id="map" class="map" data-ph-id="ph-page-element-page4-gbgQT4"></div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page4-Jflbnt"> <p tabindex="0" class="no-locations" data-ph-id="ph-page-element-page4-d8kV9i"> <ppc-content data-ph-id="ph-page-element-page4-G6U0vy"> No locations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-7dRh6y-job-location-map-view1"> <section class="ph-widget" show-on-revisit="true" show-on-personalized="true" data-ph-id="ph-page-element-page4-ujnssL"> <div as-element="ph-location-map-v1" class="ph-location-map-v1-default-theme1" theme="theme1" data-widget="ph-location-map-v1" is-popup.bind="true" map-data.bind="mapUtilityObject" provider="mapbox" current-job-object.bind="jobDetail" original-view="default" view="-default" data-ph-id="ph-page-element-page4-1dAH53"></div> </section></script><script type="text/x-ph-tmpl" id="ph-job-details-v1-aip7rn-job-nav"> <div class="inner-container" data-ph-id="ph-page-element-page4-tyW7VG"> <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-page4-Cf3fiJ"> <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-aip7rn-t0y89R" title="Back to search results" click.delegate="btsClick()" data-ph-at-id="back-to-search-results-link" data-ph-id="ph-page-element-page4-27lPBU"> <i class="icon icon-left-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-HLxlYX"></i> <span data-ph-id="ph-page-element-page4-6eGfjX"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-5JL9h3" data-ph-at-id="back-to-search-results-text" data-ph-id="ph-page-element-page4-hs24ZV"> 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-page4-KHtIfC"> <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-aip7rn-eJrKCR" title="Previous" key-title="ph-job-details-v1-job-nav-aip7rn-qDlTSR" 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-page4-cm66Kq"> <i class="icon icon-left-arrow" data-ph-id="ph-page-element-page4-fbBqVq"></i> <span data-ph-id="ph-page-element-page4-lT9hGU"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-jwBqvP" data-ph-at-id="previous-text" data-ph-id="ph-page-element-page4-cTSMOD"> 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-aip7rn-dkkfRd" title="Next job" key-title="ph-job-details-v1-job-nav-aip7rn-2OWRI4" 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-page4-ClFY6c"> <span data-ph-id="ph-page-element-page4-d3PjRn"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-F90t1S" data-ph-at-id="next-text" data-ph-id="ph-page-element-page4-FBU85w"> Next job </ppc-content></span> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page4-Sn83vj"></i> </a> </div> </div> <div class="job-description" data-ph-id="ph-page-element-page4-Qmg3Fs"> <div class="job-description-heading" data-ph-id="ph-page-element-page4-fhTgM4"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-AGJkVn" data-ph-at-id="jobdescription-heading-text" data-ph-id="ph-page-element-page4-CO742L"> 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-page4-ghLFgk"></div> <section class="ph-widget" instance-id="tdRh6y" data-ph-id="ph-page-element-page4-kD5XbQ"> <div as-element="ph-job-details-v1" view="7dRh6y-job-location-map-view1" class="ph-job-details-v1-job-location-map-view1-default ph-widget-target" data-widget="ph-job-details-v1" instance-id="7dRh6y" current-job-object.bind="jobDetail" original-view="job-location-map-view1" data-ph-id="ph-page-element-page4-fLaQ76"></div> </section> <div class="divider-holder" data-ph-id="ph-page-element-page4-brbOrZ"></div> <div class="job-bottom-action" data-ph-id="ph-page-element-page4-O9voxD"> <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-aip7rn-GBzBtX" aria-label="Apply for ${jobDetail.jobSeqNo}" key-aria-label="ph-job-details-v1-job-nav-aip7rn-kSC1tP" data-ph-at-id="apply-link" data-ph-at-job-seqno-text="${jobDetail.jobSeqNo}" data-ph-id="ph-page-element-page4-rHfVb9"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-OBPizl" data-ph-at-id="apply-text" data-ph-id="ph-page-element-page4-QDvY85">Apply Now</ppc-content> </a> <div class="savejob-checkbox" data-ph-at-id="jd-page-add-job-cart" data-ph-id="ph-page-element-page4-lOWJsO"> <label for="saveJob-${jobDetail.jobSeqNo}" class="${jobDetail.inProgress ? 'disabled':''}" data-ph-id="ph-page-element-page4-RSiNIW"> <input type="checkbox" id="saveJob-${jobDetail.jobSeqNo}" checked.bind="jobDetail.isJobSaved" change.delegate="handleSaveJob(jobDetail)" aria-label="Save job ${jobDetail.title}" key-aria-label="ph-job-details-v1-job-nav-aip7rn-ELKh2F" aria-checked="${jobDetail.isJobSaved ? 'true' : 'false'}" role="checkbox" key-role="ph-job-details-v1-job-nav-aip7rn-IH7VjA" data-ph-at-id="save-link" data-ph-id="ph-page-element-page4-M6fDqj"> <span class="label-content btn" if.bind="jobDetail.isJobSaved === false" aria-hidden="true" data-ph-id="ph-page-element-page4-4oZECu"> <i class="icon icon-career-level-2" aria-hidden="true" data-ph-id="ph-page-element-page4-HnrsAu"></i> <span data-ph-id="ph-page-element-page4-xLgPrD"> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-p5Itxy" aria-hidden="true" data-ph-at-id="save-text" data-ph-id="ph-page-element-page4-6kkB1v">Save job</ppc-content></span> </span> <span class="label-content btn" if.bind="jobDetail.isJobSaved === true" aria-hidden="true" data-ph-id="ph-page-element-page4-yuUlzu"> <i class="icon icon-career-level-2" aria-hidden="true" data-ph-id="ph-page-element-page4-YCNH51"></i> <ppc-content key="ph-job-details-v1-job-nav-aip7rn-JLbYCg" aria-hidden="true" data-ph-at-id="save-text" data-ph-id="ph-page-element-page4-bxLNza">Saved Job</ppc-content> </span> </input></label> </div> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-email-job-v1-57oixp-simple-form"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-0N1lSO"></div> <div class="phs-email-this-job-area ph-widget-box" role="region" key-role="ph-email-job-v1-simple-form-57oixp-ZpDh96" aria-label="Email this job to" key-aria-label="ph-email-job-v1-simple-form-57oixp-2a0qUq" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page4-1wj5aE"> <div class="widget-container" data-ph-id="ph-page-element-page4-V28FLB"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-GSXLH5"> <h2 tabindex="-1" class="ph-a11y-email-job-heading" data-ph-id="ph-page-element-page4-TKeLaS"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-2a0qUq" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page4-1lBkqd">Email this job to</ppc-content> </h2> <p class="phs-widget-sub-title" if.bind="showSubTitle" data-ph-id="ph-page-element-page4-vgvw9I"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-ZGaejN" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page4-hF85Wj"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page4-oK5Qos"> <form submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page4-KkP9Di"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-gkcKOJ"> <label for="email-job-name" data-ph-id="ph-page-element-page4-BdVwcJ"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-TIciJC" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page4-613oy6">Your Name</ppc-content> </label> <!-- title="Your name" key-title="recipientNameTitleText" --> <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="name" key-placeholder="ph-email-job-v1-simple-form-57oixp-r7Z8K5" aria-label="Please enter name" key-aria-label="ph-email-job-v1-simple-form-57oixp-tZy5LG" title="Please enter name" key-title="ph-email-job-v1-simple-form-57oixp-kFfnPN" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page4-9FFAZN"> <span class="error" id="ph-a11y-email-job-name-field-error" show.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page4-aT1cAq"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-dzj312" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page4-MYvKsa"> Your 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-page4-aBVsJu"> <label for="email-job-email" data-ph-id="ph-page-element-page4-AGxHjd"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-mhs5U2" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-YCKZDA">Recipient Email</ppc-content> </label> <!-- title="Recipient’s Email address" key-title="recipientEmailAddressTitleText" --> <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 Email" autocomplete="email" aria-label="Please enter email address" key-aria-label="ph-email-job-v1-simple-form-57oixp-byKuu0" title="Please enter email address" key-title="ph-email-job-v1-simple-form-57oixp-iALHeE" key-placeholder="ph-email-job-v1-simple-form-57oixp-O0Muyl" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page4-wETA4O"> <span class="error" id="ph-a11y-email-job-email-field-error" show.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page4-wRQRbY"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-KvjJJO" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page4-onto2R"> 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-page4-oJGCTV"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-nRd1Cr" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page4-kPQdAi"> Please enter a valid Recipient’s email address </ppc-content> </span> </input> </div> <!-- title="Send Email" key-title="sendEmailSecondTitleText" --> <button type="submit" class="btn primary-button submit-btn ph-a11y-email-submit" data-ph-at-id="send-button" data-ph-id="ph-page-element-page4-qvNJ7A"> ${widgetBundle['sendEmailButtonText'] | pht} </button> </form> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-JiemUt"> <div show.bind="showEmailSuccess" class="phs-email-this-job-area ph-widget-box success-hdlr" role="dialog" data-ph-id="ph-page-element-page4-HkxBs0"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page4-zSBtwX"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-OQD6XU"> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-vShomq"> <ppc-content type="icon" data-ph-id="ph-page-element-page4-XhfSRf"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page4-Vx0UkJ"></i> </ppc-content> <h3 data-ph-id="ph-page-element-page4-T2hTWq"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-N7P1oV" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page4-UudmP1"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-tQyVYl"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-oVzL23" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page4-hQ3zPa"> Your email is on its way... </ppc-content> </p> <button type="button" class="btn primary-button" click.delegate="closeFeedbackPopup(true)" data-ph-id="ph-page-element-page4-dcxvKr"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-pMgi52" data-ph-id="ph-page-element-page4-rm0gYx"> Ok </ppc-content> </button> </div> </div> </div> </div> <div show.bind="showEmailFailure" class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page4-XcRhGP"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page4-5Fp9Ht"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-66SiKb"> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-GfBg0s"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-hibJUX"></i> <h3 data-ph-id="ph-page-element-page4-3rtRLT"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-saXXJz" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page4-Uxp9Os"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-BA8dDG"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-GPP8xr" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page4-aRCbWC"> Email has not sent </ppc-content> </p> <button type="button" class="btn primary-button" click.delegate="closeFeedbackPopup(true)" data-ph-id="ph-page-element-page4-U3CgPQ"> <ppc-content key="ph-email-job-v1-simple-form-57oixp-pMgi52" data-ph-id="ph-page-element-page4-0nMn7i"> Ok </ppc-content> </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1639062989396"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-Gh1K8K"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page4-irgi0P"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page4-Ks70CK">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page4-D7t1tw"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page4-4oXW8M"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page4-xismYr"> <div class="close-popup-btn" data-ph-id="ph-page-element-page4-vuozF2"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-QV9gyI"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page4-omuddZ"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page4-X8IVzh"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page4-ksKy6t"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-4QC5p2"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page4-dkXitZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-42Ozzl"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-Un4Akm"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-yJVgmr"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-9je6Og"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-YDGS9M">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page4-1aXLgL"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page4-LV6uQX"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-subscribe-similarjobs-v1-view3-1639062968457"><div class="phs-subscribe-jobs-area ph-widget-box" role="region" key-role="ph-subscribe-similarjobs-v1-view3-wo2l1v-ur83i6" aria-label="Get notified for similar jobs" key-aria-label="ph-subscribe-similarjobs-v1-view3-wo2l1v-L9VY36" data-ph-id="ph-page-element-page4-ml2nej"> <div ph-loading-img="show-loader.bind: showLoader" data-ph-id="ph-page-element-page4-h1ILnT"></div> <div class="widget-container" data-ph-id="ph-page-element-page4-aaA3LA"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-XJ4niT"> <h2 class="heading-block" data-ph-id="ph-page-element-page4-q429vx"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-HJKZie" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-8rh5Uq"> Get notified for similar jobs </ppc-content> </h2> <div class="updates-rate" if.bind="popUpMessage" data-ph-id="ph-page-element-page4-hCK65U"> <p data-ph-id="ph-page-element-page4-RU6XF5"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-NzW9Uh" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-Rohwtq">Sign up to receive job alerts</ppc-content> </p> </div> </div> <div class="widget-result-container" if.bind="!popUpMessage && emailFeatureFlag" data-ph-id="ph-page-element-page4-f2zKM0"> <div class="phs-result-success" if.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-KS1PJx"> <p data-ph-id="ph-page-element-page4-I7u7Ft"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-0wsXFV" data-ph-id="ph-page-element-page4-Grczcj"> 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-page4-92sWzc"> <p data-ph-id="ph-page-element-page4-ILZmyu"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-sau46V" data-ph-id="ph-page-element-page4-jXnRYl"> 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-page4-mURrQH"> <p data-ph-id="ph-page-element-page4-9y5SRw"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-oWFfiq" data-ph-id="ph-page-element-page4-SwhIim"> 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-page4-nSnlur"> <p data-ph-id="ph-page-element-page4-iT8gjy"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-ozSpoS" data-ph-id="ph-page-element-page4-JxvRfh"> 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-page4-gJ5SCM"> <div class="emailDetailsBlock" data-ph-id="ph-page-element-page4-lJBTFo"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-7XUIht" data-ph-id="ph-page-element-page4-Mix1od"> Email: </ppc-content> <span data-ph-id="ph-page-element-page4-DPDfnl"> ${subscribeSimilarJobsModel.email} </span> </div> </div> </div> <div class="content-block" if.bind="popUpMessage && !emailFeatureFlag" data-ph-id="ph-page-element-page4-lPmwPF"> <form submit.delegate="subscribe()" data-ph-id="ph-page-element-page4-RDSWdJ"> <div class="form-group has-feedback ${(hasErrors && errors.email == 'E102') || (hasErrors && errors.email == 'E101') ? 'error focus':''}" data-ph-id="ph-page-element-page4-SI9KMr"> <label class="sr-only" for="notifiedEmail" data-ph-id="ph-page-element-page4-ipzT76"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-70llXw" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-rLio7p"> Enter Email address (Required) </ppc-content> </label> <div class="form-content" data-ph-id="ph-page-element-page4-ICbibD"> <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-view3-wo2l1v-zocJWm" autocomplete="email" data-ph-at-id="email-input" aria-label="Please enter your email address" key-aria-label="ph-subscribe-similarjobs-v1-view3-wo2l1v-XKCYzG" aria-required="true" data-ph-id="ph-page-element-page4-HNdsiE" /> <span id="ph-a11y-subscribe-email-error-one" data-ph-id="ph-page-element-page4-Ujt4R7"> <span class="error" if.bind="hasErrors && errors.email == 'E101'" data-ph-id="ph-page-element-page4-5vfRIU"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-r3FLvI" data-ph-at-id="validation-text" data-ph-id="ph-page-element-page4-BITpxr"> Email should not be empty </ppc-content> </span> </span> <span id="ph-a11y-subscribe-email-error-two" data-ph-id="ph-page-element-page4-e2dQ2X"> <span class="error" if.bind="hasErrors && errors.email == 'E102'" data-ph-id="ph-page-element-page4-7taO3D"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-wFrjB9" data-ph-at-id="validation-text" data-ph-id="ph-page-element-page4-QO1Kh2"> 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-page4-6TIGzA"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-VXVSRi"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-subscribe3' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-subscribe3' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page4-IYfYJi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-DNJ2ER"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-MRdVvo"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-jtUEz0"> <span id="${'checkbox-label-subscribe3' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-UNtWit"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-u5ff1K">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="subscribe3" data-ph-id="ph-page-element-page4-ZtJ8Wg" view="1639062968449-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-1639062989396" instance-id="subscribe3" original-view="default" data-ph-id="ph-page-element-page4-nvzuZQ"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-hobTHO"> <span class="pii-consent-error" id="consent-error-subscribe3" if.bind="piiConsentError" data-ph-id="ph-page-element-page4-Se1UlY"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button role="button" key-role="ph-subscribe-similarjobs-v1-view3-wo2l1v-gOIb4b" 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}" data-ph-id="ph-page-element-page4-Qgg9l1"> ${widgetBundle['activateBtnText'] | pht} </button> </div> </div> </form> <span class="feedbackText sr-only" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page4-YBL6l2"> <span aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page4-gAlTUI"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-YnbFHa"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-MC3JBV" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page4-xzwHjK"> Success! Successfully subscribed for similar jobs ok </ppc-content> </span> <span class="error" show.bind="showEmailFailure && statusCode == 409" data-ph-id="ph-page-element-page4-vEqHBT"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-R0L6P2" data-ph-at-id="validation-text" data-ph-id="ph-page-element-page4-PWgAE0"> Failure! You have already subscribed for this job ok </ppc-content> </span> <span show.bind="showEmailFailure && !statusCode" data-ph-id="ph-page-element-page4-r8CNyr"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-rfGNMv" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page4-HPvfps"> Failure! Failed to subscribed for similar jobs ok </ppc-content> </span> </span> </span> </div> </div> <div class="popUpBoxPart" if.bind="popUpMessage && !emailFeatureFlag" data-ph-id="ph-page-element-page4-adR2BN"> <div show.bind="showEmailSuccess" class="success-hdlr" data-ph-at-id="success-popup" data-ph-id="ph-page-element-page4-tT3mAc"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page4-QChCFI"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-YWQV81"> <div class="hdlr-block" tabindex="-1" data-ph-id="ph-page-element-page4-DCeDwd"> <div role="dialog" aria-modal="true" data-ph-id="ph-page-element-page4-Y8xmNE"> <ppc-content type="icon" data-ph-id="ph-page-element-page4-zES7pg"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page4-rcHzr2"></i> </ppc-content> <h3 key="ph-subscribe-similarjobs-v1-view3-wo2l1v-n8ddxT" data-ph-at-id="success-text" id="ph-ally-success-heading" data-ph-id="ph-page-element-page4-5hLewt">Success!</h3> <p key="ph-subscribe-similarjobs-v1-view3-wo2l1v-AOCNeM" data-ph-at-id="success-sub-text" id="ph-ally-success-content" data-ph-id="ph-page-element-page4-do0aWG">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-page4-ixTwZX"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-ThL0LC" data-ph-id="ph-page-element-page4-Oq0GV3"> Ok </ppc-content> </button> </div> </div> </div> </div> <div show.bind="showEmailFailure" class="failure-hdlr" data-ph-id="ph-page-element-page4-7NsuJo"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page4-xEEQdR"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-5R3Nt7"> <div class="hdlr-block" tabindex="-1" data-ph-id="ph-page-element-page4-6ZDgmA"> <div role="dialog" aria-modal="true" data-ph-id="ph-page-element-page4-eanBJG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-ShfSR1"></i> <h3 key="ph-subscribe-similarjobs-v1-view3-wo2l1v-gKywnG" id="ph-ally-failure-heading" data-ph-id="ph-page-element-page4-ITI8dC">Failure!</h3> <p key="ph-subscribe-similarjobs-v1-view3-wo2l1v-goky0n" if.bind="!statusCode" id="ph-ally-failure-content-one" data-ph-id="ph-page-element-page4-IEfjTg">Failed to subscribed for similar jobs</p> <p key="ph-subscribe-similarjobs-v1-view3-wo2l1v-h67Yo8" if.bind="statusCode == 409" id="ph-ally-failure-content-two" data-ph-id="ph-page-element-page4-VNl1XX">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-page4-rx6bcY"> <ppc-content key="ph-subscribe-similarjobs-v1-view3-wo2l1v-YdIUxG" data-ph-id="ph-page-element-page4-Gm8ijC"> Ok </ppc-content> </button> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062176759-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page4-OCLsvZ"> <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--JEE33A" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page4-F4j8qz"> <span class="action-icon" data-ph-id="ph-page-element-page4-CB3A8Z"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page4-hYJvjK"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload--cuJQrN" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page4-cX8np3">Use new resume</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062176762-external-upload-resume"><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page4-4osIsk"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="ph-import-resume-v1-external-upload-resume--79noaV" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page4-TRaVbB"> <div class="dropzone-content" data-ph-id="ph-page-element-page4-jmif12"> <div class="content-holder" data-ph-id="ph-page-element-page4-7XCdRv"> <span data-ph-id="ph-page-element-page4-rTSERD"> <ppc-content key="ph-import-resume-v1-external-upload-resume--hti9q1" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page4-pMMGbm">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1639062176790-upload-new"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page4-WUwTxg"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page4-4aXaCP"> <ppc-content key="ph-import-resume-v1-upload-new--KywqFm" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page4-oUCcN5">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062176791-view4"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-tg0nFV"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page4-JaX7l2"> <!-- Social Connet Area Starts --> <div class="phs-social-connect-area ph-a11y-sign-in" data-ph-at-id="social-connect-area" data-ph-id="ph-page-element-page4-hxLjkX"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page4-QUAgCy"> <div class="content-block" data-ph-id="ph-page-element-page4-JFP0HR"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--TFFBgR" data-ph-id="ph-page-element-page4-d6RsGm"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4--DEZKZX" data-ph-id="ph-page-element-page4-ytteOs"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page4-oJvCBF"> <div class="icon-block" data-ph-id="ph-page-element-page4-6KdZcO"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page4-xFmHHx"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page4-iiEiDv"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062228743-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-684PSj"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page4-geYANY"> <div class="widget-container" data-ph-id="ph-page-element-page4-wYsd4a"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page4-jlCFxi"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page4-shMJoP"> <label class="social-input-checkbox-label" data-ph-id="ph-page-element-page4-1o6NYD"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-7uyy7u-k2EHiK" data-ph-id="ph-page-element-page4-TqiUwF"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-Mm864A"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-x8fPfE"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page4-HwR8Oz"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-aK9vYo" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page4-XPqJ5V">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page4-4gEWzX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-gfIqCb"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-i2moNd"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page4-rAjyFo"> <span class="social-alert-msg" data-ph-id="ph-page-element-page4-fB5NEr"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-WzZSLS" data-ph-id="ph-page-element-page4-EQgids"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-7uyy7u-VaL6EM" data-ph-id="ph-page-element-page4-CEFeyo"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" title="Connnect with ${eachSocial.name}" data-ph-id="ph-page-element-page4-r81kvt"> <div class="icon-block" data-ph-id="ph-page-element-page4-xD6mFe"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page4-P2ClPJ"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page4-yWtp5I"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1639062989146"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-hLz53Q"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page4-TmsyPk"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page4-SS97T3">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page4-yEYei1"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page4-HS9SVH"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page4-jSERyz"> <div class="close-popup-btn" data-ph-id="ph-page-element-page4-PGeWe4"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-KG9SU0"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page4-WW8kQQ"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page4-lMQdPV"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page4-7yexiq"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-8KoYtG"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page4-d5C8Wd"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-a5wwhd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-YTywoW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-CjrxHt"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-aqhwkd"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-trAADC">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page4-yOt8zL"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page4-27dknZ"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062649230-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-waicBd"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page4-S4qqq7"> <div class="widget-container" data-ph-id="ph-page-element-page4-wyD9jI"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page4-WNgr6N"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page4-t26oSR"> <label class="social-input-checkbox-label" data-ph-id="ph-page-element-page4-IEFfmb"> <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--aRfVL0" data-ph-id="ph-page-element-page4-Nn7VN6"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-SXuipr"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-MyzrJW"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page4-na7n2S"> <ppc-content key="ph-social-connect-v1-view5--elgNqn" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page4-oUcrqU">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page4-QxsAmQ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-NV2Yg6"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-9jxF5m"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page4-51F3Zj"> <span class="social-alert-msg" data-ph-id="ph-page-element-page4-u1BHh8"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--sKWn9M" data-ph-id="ph-page-element-page4-2eKSvn"> <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--deLlW6" data-ph-id="ph-page-element-page4-H9lvF4"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" title="Connnect with ${eachSocial.name}" data-ph-id="ph-page-element-page4-Og1kRl"> <div class="icon-block" data-ph-id="ph-page-element-page4-J0nQRL"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page4-gRFLKJ"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page4-5dj1AQ"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1639062649266"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page4-1xR1PU"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-MuaWQd"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page4-XXjeTh"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page4-1GTjRm"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page4-pPcheq"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-bhO6uN"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page4-G2Sd2t"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-HKGvSZ"></i> <span class="alert-msg" data-ph-id="ph-page-element-page4-eDABE6"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-10LZC2"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page4-AbF4c7"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page4-MPuCpS"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-BoILpR"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page4-uHEt6R"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page4-0EbyDl"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-OSt27s"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page4-hyiAZd"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page4-D5OhEm"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page4-Lr1usG"> <form novalidate="" data-ph-id="ph-page-element-page4-zXlfrY"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page4-DGcQYG"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page4-yWtq1Q"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page4-LyKP1G"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-vMfvx1"> <div class="text-box" data-ph-id="ph-page-element-page4-cbh0TF"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page4-uISyR4"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page4-xIe90v"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page4-DIy8Gt"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page4-Z42Qrj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-IBJZSN"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-ghdbe0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-vymVFZ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-jhuljv"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-AQFBbM"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page4-0HCAxb"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page4-XqtBc9"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page4-tkPzMp"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-cFOeiV"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page4-rda3OH"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-YbzAg1"> <div class="text-box" data-ph-id="ph-page-element-page4-BW99bU"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page4-7TBomQ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page4-kJKBrH"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page4-kBQ8c9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page4-0tneyD"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-UmAm81"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-R36aJE"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-mDW53a"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-Un3jpr"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-UOcHxf"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page4-MmUP7T"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-OswHce"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page4-PXH7YS"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page4-767jey"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page4-ayYxhQ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page4-yihkYZ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-9ukIrI"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page4-J9wRcF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-3u6NSK"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-oCXddb"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-NLSPYV"> <div class="form-container" data-ph-id="ph-page-element-page4-DVTmy7"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-euL2zC"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page4-yWmNvJ"> <div class="user-options" data-ph-id="ph-page-element-page4-C4JO6Q"> <span class="each-option" data-ph-id="ph-page-element-page4-9hM02g"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page4-wCTtuY"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page4-qAPPWG"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page4-KSgWAQ"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-9LrGj8"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page4-UC5Hgh"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page4-6ysEe2"> <span class="forgot-password-area" data-ph-id="ph-page-element-page4-WbEM0y"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page4-oL4YJf"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-uCvMex"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page4-pkXDZo"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-O3OkIv"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-0Xj7AZ"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-CMt8yJ"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page4-VYlv0F"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-4JSc2T"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-vT2npB"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page4-fHepww"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page4-LzHzl6"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-Z6IaRm"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page4-9HKteD"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page4-pReKs9"> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-ivP7Kr"> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page4-VhXoaw"> <h2 id="ph-ally-candidate-signup-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page4-tek9cR"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page4-XdEgcf"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page4-OdyEW2"> <form novalidate="" data-ph-id="ph-page-element-page4-QU0GTB"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page4-qrdaFf"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page4-qCkIST"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page4-usRPb4"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-F6vmmG"> <div class="text-box" data-ph-id="ph-page-element-page4-iDHgnK"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page4-su8G0Z"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page4-5tMfoH"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page4-JfA4QX"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page4-ZQZbG6"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-qfZwPY"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-GIRD6m"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-Y6lBXi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-BIzMvD"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-b5HT3W"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page4-doTDAy"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page4-9aYiwM"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page4-6L8vnE"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page4-OUMbj7"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page4-vI3EQN"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-F3vVAL"> <div class="text-box" data-ph-id="ph-page-element-page4-QxfkOZ"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page4-ZT0Yrc"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page4-FiM9WA"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page4-mLZPZ1"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page4-OMWUQO"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page4-viUMD6"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-pT2c1D"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-mFGKFU"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-JarxEq"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-pXpcRN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-nQqO77"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page4-GdBR2I"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-iP8MFJ">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-qjUDsV">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-o8lxsM">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-ifz0PL">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-oWuyEE"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page4-woM2Nc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-8P3m5L"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-QN6jSB"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-IDo01X"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page4-Yt68qs"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page4-VD1STv"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page4-dLzsVc"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page4-HlFhaY"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page4-yyfmH5"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page4-Ti1KVl"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page4-JUCWbE"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page4-mjgIk8"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-JViorH" data-ph-id="ph-page-element-page4-Shy2SJ"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-1ZdtPZ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-xm8Fh9"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-8ZsvMW"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-Swz1np" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page4-i9VfuJ">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page4-zbOtmw"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-MelwNV"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-spFG83"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page4-tbp6mF"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page4-A6XrCJ"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page4-uugxQu"> <div class="form-container" data-ph-id="ph-page-element-page4-m6yOiI"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-Lc16hu"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page4-S9tbQa"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page4-Eag9mu"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page4-pfnDo2"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page4-HP6fSn" view="1639062649230-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" profile-login-flow.bind="flowType" view="1639062649230-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page4-WsoSEG"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page4-QRwHBr"> <span data-ph-id="ph-page-element-page4-7BsdPt"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page4-qJfS30"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page4-HxtSUQ"> <span data-ph-id="ph-page-element-page4-cEWCa9"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page4-p27W0b"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page4-83lwMq"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-vni1Gw">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page4-fHW63L">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page4-sAh4fF"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page4-QGP0XR"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page4-YWLiE9"> <h2 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page4-Kme8ME"> ${widgetBundle['createNewPwdText'] | pht} </h2> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page4-2NggVS"> <form novalidate="" data-ph-id="ph-page-element-page4-ISQf2s"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page4-VllUSx"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page4-HAjYAI"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page4-3Z4sEr"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-EnnR5A"> <div class="text-box" data-ph-id="ph-page-element-page4-lcIZXO"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page4-quNFHl"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page4-VDnR5G"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page4-3PfNX5"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page4-1WhRtz"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page4-q9SoyJ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-NoqYz6"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-LmpSQc"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-Nhw0HD"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-JmNf7C"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-ji45SF"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page4-G5nePx"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page4-x0CqEj"> <span class="sr-only" data-ph-id="ph-page-element-page4-3veBxs"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page4-ozK7tS"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page4-Cis6qY"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page4-aWzuFR"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page4-7nEUJu"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page4-ReiqUt"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page4-mrGaw6"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-E59PxY">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-p9phnM">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-Skjcxn">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-iuJr4g">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page4-Q81lmd"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page4-xZLmLq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-SyiNfq"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-z7y57W"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page4-v5fSjK"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page4-VExNpf"> <div class="form-container" data-ph-id="ph-page-element-page4-lpjiP5"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-cfHj5M"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1639062228812-view5-new"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-RpMQ82"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page4-h4rtXA"> <div class="widget-container" data-ph-id="ph-page-element-page4-W6K9TF"> <div class="content-block" data-ph-id="ph-page-element-page4-P0vt3q"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--1DRVmE" data-ph-id="ph-page-element-page4-BtSPga"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new--gaVKQd" data-ph-id="ph-page-element-page4-hNEH21"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page4-MdHqkg"> <div class="icon-block" data-ph-id="ph-page-element-page4-HNAxnL"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page4-YQClMG"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page4-ZWtEff"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1639062989282"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-FZeSbk"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page4-YeM2R9"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page4-F6ZS6c">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page4-n7anDY"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page4-YMd9Yf"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page4-IIz7ng"> <div class="close-popup-btn" data-ph-id="ph-page-element-page4-vVXyvR"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-vrXISH"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page4-yQdxiD"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page4-GRo32T"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page4-B7Dj1W"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-K5JFwB"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page4-pSUD6q"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-3Q4ubU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-I8OFlc"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-IL5Kio"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-hd1wGC"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-5gHn9k">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page4-XyIXvj"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page4-b2FVFV"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1639062228825"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-icq7e1"> <div class="widget-container" data-ph-id="ph-page-element-page4-7nmvzV"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-CZ0ycq"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page4-buCBfh"> <div class="fyf-step-block" data-ph-id="ph-page-element-page4-X1scTh"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-mS04lu"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-278xmp"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page4-ixPvzf"> <div class="heading-block" data-ph-id="ph-page-element-page4-JRoRN3"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-avPJVr"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-HKfrZQ" data-ph-id="ph-page-element-page4-aHGKQI"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page4-JJNp8Q"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page4-FP37lt"></i> <span data-ph-id="ph-page-element-page4-0y5xQo"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-haRrRT" data-ph-id="ph-page-element-page4-4IuKN8"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-page-element-page4-3YAezs" view="1639062228743-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="1639062228743-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page4-dfMsax"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-78vmiK"> <div class="prev" data-ph-id="ph-page-element-page4-MYCgv9"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-ubW6oy"> <span data-ph-id="ph-page-element-page4-DZ44dn"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-lwsJRm"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page4-8hRRvi"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-GlfOef"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-oapvXs"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-xUGdhg"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-irY3Kg">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page4-ZI6D7d"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-uD4jRJ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-gvHC9u">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-page-element-page4-6UYoCD"> <legend class="sr-only" data-ph-id="ph-page-element-page4-Sd9fT5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-uD4jRJ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-wZFzEX">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page4-ivNB2s"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-mAF0S4" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-GJCG1t">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-page-element-page4-nVkgl2"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-page-element-page4-zQr0bW" /> <span class="cat-text" data-ph-id="ph-page-element-page4-B7AxeD">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page4-yQGrFF"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page4-mxLT3d"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-b8Rgwd"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-VXBIJq"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-JCgoei"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-gqJWw2">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-FMHaQt">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-5mKtpF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-SLj028">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-Jabss1"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-IMO1sT"> <span data-ph-id="ph-page-element-page4-8qmEGq"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-dWJe7u"></i> </span> </a> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-page-element-page4-QjpY3o"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-rbjxSI"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-doNBk8"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-glUATI"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-gzq31a">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-page-element-page4-n7lsO9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-uD4jRJ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-rMA1MF">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="ph-find-your-fit-v1-default-6ty93d-vRxEaS" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page4-t82tLB"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page4-pH17AW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-YWIN8M" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-w5mA8s">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page4-uoghUM"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page4-1T39Wi" /> <span class="cat-text" data-ph-id="ph-page-element-page4-4QL9Mh">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page4-ycKs71"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page4-cNSoTZ"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-bn3moU"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-nBhhUo"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-Bryu2M"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-bKxZLu">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-x5EwoK">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-6dnYeR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-riycPw">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-WrEVcK"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-YpBodH"> <span data-ph-id="ph-page-element-page4-Yffzsb"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-Ysu68V"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page4-mTGcRE"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-J9nj79"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-NjpqVe"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-CjwPWx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-PhYJxP">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-ORFRfk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-4Vt5MP" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-e5pBfY">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-page-element-page4-OAQx7f"> <label for="recentTitles" data-ph-id="ph-page-element-page4-bjLxzW"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page4-o13Wr7"> <div aria-expanded="false" aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93d-kd9XLE" data-ph-id="ph-page-element-page4-Z3QkO2"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="ph-find-your-fit-v1-default-6ty93d-LAhgA4" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page4-6KkL8W"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93d-7LefGn" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page4-maEVfn"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-rl9xnr"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-page-element-page4-6W0jCE"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page4-En8DuV"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93d-IL6lbE" data-ph-id="ph-page-element-page4-fe4CYe">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-u5PQzH"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page4-cTzQC7"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="ph-find-your-fit-v1-default-6ty93d-jOvcBE" data-ph-id="ph-page-element-page4-b0M3au"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page4-kdRSiV"> <label class="input-radio-group" data-ph-id="ph-page-element-page4-cOYzkM"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="ph-find-your-fit-v1-default-6ty93d-dkCZqg" data-ph-id="ph-page-element-page4-ArPgMc"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-0w88EQ"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-UbCeJz"></span> <span class="radio-text" data-ph-id="ph-page-element-page4-ZNebyA"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-dkCZqg" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page4-W6mmIY">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-jSVbmx"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-IB4rZ1"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-Bq8r4G"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-K7WQEM">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-90IDXS">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-dSPTZ7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-lfeKJI">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-wMKJBq"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-p0hblR"> <span data-ph-id="ph-page-element-page4-gEKAuM"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-YftkkY"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page4-9rip4l"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-LFuGUG"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-ArrF29"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-VOCtju"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-dwZmJo">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-jy83O3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CX5oeL" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-2ok2Yf">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page4-eNJamb"> <label for="skills" data-ph-id="ph-page-element-page4-h4nCbS"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page4-dUcFJ6">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page4-jTmklI"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page4-bT0OFq"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page4-oRJdwu"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-page-element-page4-oiXJ3g"> <div role="list" data-ph-id="ph-page-element-page4-lbIVqN"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page4-1S0WSB"> <span data-ph-id="ph-page-element-page4-YkakP7">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="ph-find-your-fit-v1-default-6ty93d-w1UyTm" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page4-XaDUMM"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-rz8RHj"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page4-EQ6yWK"> <div data-ph-id="ph-page-element-page4-ywVRJk"> <div class="search-box-inline" aria-expanded="false" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="ph-find-your-fit-v1-default-6ty93d-F5rfLv" data-ph-id="ph-page-element-page4-fmCfQG"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="ph-find-your-fit-v1-default-6ty93d-747CNJ" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-page-element-page4-sVHmwK"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93d-WOin8n" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page4-AhyRGZ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-Vz2Gnj"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-page-element-page4-r2dwpw"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page4-4fseT0"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93d-PACQoB" data-ph-id="ph-page-element-page4-8Ea1T5">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-4DBraB"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page4-vognqd"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="ph-find-your-fit-v1-default-6ty93d-asytg6" data-ph-id="ph-page-element-page4-yzojOO"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-page-element-page4-2uBqmC"> <div data-ph-id="ph-page-element-page4-X5P2vl"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page4-l3LHLj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-mjphrn" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page4-wf4oIk">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page4-CQxXDd"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page4-gVjwus"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-page-element-page4-8VMPyJ"> <span data-ph-id="ph-page-element-page4-o8fs0H">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page4-DdZ8GC"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-Xo3KU2"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-Kv0Ad5"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-P07s9c"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-YUmI9y">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-Wi8UPU">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-NMnwLK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-7PWBaH">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-h596rQ"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-HB6qeZ"> <span data-ph-id="ph-page-element-page4-HdLdgF"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-SJGWOx"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page4-gyJBad"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-VvOHZl"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-NWtWpl"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-n7pJEv"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-YChbKX">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-OyFPxH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-ECggdi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-Yd1pLA">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-page-element-page4-Z2LDXY"> <legend class="sr-only" data-ph-id="ph-page-element-page4-DDi7Ty"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-ECggdi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-Maj4lN">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page4-DQbZsA"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page4-u52ZXw"> <span class="radio-text" data-ph-id="ph-page-element-page4-GyNAZI"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page4-ZQVPwn">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93d-urbpjf" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page4-TmPiid" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93d-tKyVqr" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page4-r6uT6Q"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-RaKvJU"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-UpOmmI"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-Sp5SyR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-RU6ld6">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-82WDn8">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-hZCKKC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-zDtPNF">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-9L9O9R"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-ibD3tf"> <span data-ph-id="ph-page-element-page4-mSmBam"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-s1Wkkx"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page4-05EEUp"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-5xvWOQ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page4-fj80T7"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-zAb2JT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-4nUkmh">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-nRiLrB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-ECggdi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-NfCV1k">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93d-LtHj1Q" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-page-element-page4-2JqTIf"> <legend class="sr-only" data-ph-id="ph-page-element-page4-Ca42DG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-tAugD3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-PF83Od">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-page-element-page4-tZUouY"> <span class="check-mark" data-ph-id="ph-page-element-page4-ORB5gq"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page4-cRoswY"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page4-6SbvEE"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page4-BEVca4">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93d-urbpjf" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page4-pHd3QD" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93d-tKyVqr" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page4-dCsemm"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-bEFy3S"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-pMzMll"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-NowUyu"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-CynHgU" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-owyTjL">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-SxhNMW">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-fByve1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-LzY3sB">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-hdr0JV"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-dpy7dw"> <span data-ph-id="ph-page-element-page4-pX4mR7"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-VMnVq3"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page4-6VGtJf"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-kTheZd"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page4-UKYkqy"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-xJWgws"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-1cNgvq">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-5wVCbt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-yOZOtp" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-DBi0BA">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page4-Wm6k3X"> <label for="locations" data-ph-id="ph-page-element-page4-mjO3Cs"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page4-VRgSlr">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page4-U4zTJT"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page4-tQdD06"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page4-4o33el"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" data-ph-id="ph-page-element-page4-YgYP9k"> <div role="list" data-ph-id="ph-page-element-page4-nxO28k"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page4-V1alYe"> <span data-ph-id="ph-page-element-page4-qxUpyn">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93d-OZ8hnP" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page4-bVlNfe"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-WlmdPd"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page4-NvoAqP"> <div data-ph-id="ph-page-element-page4-uo9xws"> <div class="search-box-inline" aria-expanded="false" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93d-0G7zSk" data-ph-id="ph-page-element-page4-rShJWb"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93d-WFXuN8" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page4-XsZc0r"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93d-o9BK6S" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page4-BD3pi8"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-53ghfV"></i> </button> </div> </li> </ul> </div> <ul role="list" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" data-ph-id="ph-page-element-page4-s0KHVj"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page4-h6kVV8"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93d-VH3q8h" data-ph-id="ph-page-element-page4-S5niGH">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-Fs6qQD"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page4-wTOTQu"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93d-Tohlm6" data-ph-id="ph-page-element-page4-1S49h6"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-0uzEey"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page4-LoAYKK"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page4-jIRiR3"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-CynHgU" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-0Znjmg">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93d-Tow4HV" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page4-9IYk7d">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-6EagCD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2qiZ2v" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-FHcOGU">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-mYgIBv"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-rFQOPw"> <span data-ph-id="ph-page-element-page4-Qip6fx"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-HR1VV8"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page4-aJC1bm"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page4-J3iKUR"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-bnuVwU"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page4-B3qnmU"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page4-YeoHFk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-clesF1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-3IStpx">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page4-2vV200"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-AilldB" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-3Je0Gn">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-7Wwmy7" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-xaApwS">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-g3SEzh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-c2h9Rz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-KX6HIT">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page4-Oq8WLJ"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page4-5MbYmB"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-Q8eaOr"> <div data-ph-id="ph-page-element-page4-SwHfLT"> <label for="name" data-ph-id="ph-page-element-page4-pZW7SS"> <span key="ph-find-your-fit-v1-default-6ty93d-VSuCeV" class="sr-only" data-ph-id="ph-page-element-page4-UeWFWU">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-jJqmVC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-ao8bq3" data-ph-at-id="name-text" data-ph-id="ph-page-element-page4-pOQ5wx"> Full name <span class="required" data-ph-id="ph-page-element-page4-vzW6CN">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-u4SLRY"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93d-PZyGMz" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page4-6aEg6c"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page4-yjqa7Y"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-UgUkPp" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page4-o1ppya">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page4-9UtMiz"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-BR8yhc"> <div data-ph-id="ph-page-element-page4-6Lfm6V"> <label for="email-1" data-ph-id="ph-page-element-page4-TDbtlr"> <span key="ph-find-your-fit-v1-default-6ty93d-XIRdgk" class="sr-only" data-ph-id="ph-page-element-page4-pKjftk">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-zYyv7b"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-3irI7i" data-ph-at-id="email-text" data-ph-id="ph-page-element-page4-8T2cQp">Email <span class="required" data-ph-id="ph-page-element-page4-xYUF6n"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-LtuvGU"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93d-3LvAB3" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page4-4vgYiE"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page4-tMP3ci"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-tAth5T"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-HNQ1D4" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page4-jlKle1">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-0udgvj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-kOadLC" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page4-70QrKS">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page4-gUpP9H"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-QLrNIJ"> <div data-ph-id="ph-page-element-page4-1AdUs6"> <label for="phone" data-ph-id="ph-page-element-page4-OOAg4w"> <span key="ph-find-your-fit-v1-default-6ty93d-mUEpH2" class="sr-only" data-ph-id="ph-page-element-page4-OdsiBt">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-jN965n"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-Hb9UBu" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page4-KeeyQQ">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-F8g8Nn"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93d-BhcbKv" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page4-Amtv52"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page4-m0dTuW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-tDCgTz" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page4-oCAMWt">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page4-KJjEp4"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page4-tKf9rD"> <div class="security-info-block" data-ph-id="ph-page-element-page4-xMIV2V"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page4-FcbiEX"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-qnt79P" data-ph-at-id="security-text" data-ph-id="ph-page-element-page4-FsZTQz"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page4-SMTokG"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-5oSKQM"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-CEhrmZ"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93d-4TCrS4" data-ph-id="ph-page-element-page4-LBRLFM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-x4Ivfn"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-uN9SxN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-yHIUPh"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93d-KhzDpA" data-ph-id="ph-page-element-page4-0erl0m"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-d0tmbY"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-gunvI9">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page4-r4fZoU">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page4-Xn6hG5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-QLjdvG" data-ph-id="ph-page-element-page4-bP8yTH"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page4-OSstut"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-mjAWmo"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-VzPw7K"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93d-vnJ5mA" data-ph-id="ph-page-element-page4-jInOm3"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-RArYAb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-IRinmK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-2ZkMHq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-3457Ap" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page4-UusUtP">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page4-LIntnd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-nw9wpT"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page4-m5vty1"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-o4CmI1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-XSfN6A"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-cG69Bc"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-97vQ6L"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-cBYpV5">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page4-0mWFEE" view="1639062228752-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-1639062989146" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page4-viMQZz"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-o6lB3H"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page4-JoK982"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-XQ3vmW"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page4-OMLDTU"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93d-jjVE31" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-9wH8v0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-0r2MWQ" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-tXWmAT">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-ixhPWl"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-OVkox3"> <span data-ph-id="ph-page-element-page4-jYBOZu"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-aPcCcr"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page4-rRWjml"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-znf3Ho"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-azpvvl" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-mQxE1n">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-YeamIe" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-CthV73">Currently we don’t have any jobs that fit your profile.</ppc-content> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page4-b5QdRN" view="1639062228762-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-1639062649266" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page4-NmW0aL"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-Na9ugG"> <div class="prev" data-ph-id="ph-page-element-page4-wbfIZq"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-U4PTKw"> <span data-ph-id="ph-page-element-page4-eJyV0x"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-eXzJcK"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page4-EZiTTT"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page4-PTMbZa"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page4-DWawqk"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page4-T9TH4Z"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-Kixa2N" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-4wv6Vr">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2acbNE" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page4-lyNDw0">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page4-wBpCs3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-IEAmEY" data-ph-id="ph-page-element-page4-qMHUhO"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page4-uinBIE" view="1639062228812-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="1639062228812-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-page-element-page4-Z27dLC"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page4-RpMQ82"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page4-h4rtXA"> <div class="widget-container" data-ph-id="ph-page-element-page4-W6K9TF"> <div class="content-block" data-ph-id="ph-page-element-page4-P0vt3q"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93d-AeZUF7" data-ph-id="ph-page-element-page4-BtSPga"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-find-your-fit-v1-default-6ty93d-8cFcAT" data-ph-id="ph-page-element-page4-hNEH21"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page4-MdHqkg"> <div class="icon-block" data-ph-id="ph-page-element-page4-HNAxnL"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page4-YQClMG"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page4-ZWtEff"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page4-ouLBQU"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-UAR3yA" data-ph-id="ph-page-element-page4-j07tJF">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-CkmKxz"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-2Ogi2I" data-ph-id="ph-page-element-page4-JQYC1w"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page4-zXaWJ8"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page4-0fIW50"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-EymTF4"> <div data-ph-id="ph-page-element-page4-pbVYVN"> <label for="name" data-ph-id="ph-page-element-page4-GI5kiJ"> <span key="ph-find-your-fit-v1-default-6ty93d-VSuCeV" class="sr-only" data-ph-id="ph-page-element-page4-DNaHIj">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-20Py3U"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-ao8bq3" data-ph-at-id="name-text" data-ph-id="ph-page-element-page4-QnMKbl"> Full name <span class="required" data-ph-id="ph-page-element-page4-vzW6CN">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-MJoqUK"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93d-PZyGMz" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page4-zSx9WC"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page4-ET3wno"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-UgUkPp" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page4-nKxnsC">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page4-qYGHKG"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-WKt9HV"> <div data-ph-id="ph-page-element-page4-AfV2Y8"> <label for="email-2" data-ph-id="ph-page-element-page4-JRfx4c"> <span key="ph-find-your-fit-v1-default-6ty93d-XIRdgk" class="sr-only" data-ph-id="ph-page-element-page4-A2l5pN">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-ZlypQ2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-3irI7i" data-ph-at-id="email-text" data-ph-id="ph-page-element-page4-TLN6rZ">Email <span class="required" data-ph-id="ph-page-element-page4-xYUF6n"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-AFlMS0"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93d-3LvAB3" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page4-oeg9je"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page4-ngcKj7"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-Y0IVmx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-HNQ1D4" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page4-jEhUtf">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-aOVzTz"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-kOadLC" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page4-rWyxHk">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page4-Evbc8S"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-WnhEZk"> <div data-ph-id="ph-page-element-page4-dM2PT4"> <label for="phone" data-ph-id="ph-page-element-page4-UTEQNu"> <span key="ph-find-your-fit-v1-default-6ty93d-mUEpH2" class="sr-only" data-ph-id="ph-page-element-page4-94kSg7">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page4-YO0oUd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-Hb9UBu" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page4-LPAWBJ">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-AuaMTs"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93d-BhcbKv" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page4-NpNR2v"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page4-ao2XIX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-tDCgTz" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page4-lkzs6X">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page4-KgQntD"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page4-iVp6Yg"> <div class="security-info-block" data-ph-id="ph-page-element-page4-1w3ku7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-qnt79P" data-ph-at-id="security-text" data-ph-id="ph-page-element-page4-MuoJJ0"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page4-Anb67e"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-0jnveS"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-AUF57F"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93d-4TCrS4" data-ph-id="ph-page-element-page4-NapGrb"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-1VAqLy"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-PdkAcD"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-jnrx6o"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93d-tMffmn" data-ph-id="ph-page-element-page4-xjhKNm"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-rDOc8M"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-xgzKlm">terms of use</a> </ppc-content> </span> </input></label> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page4-hU8ZoE"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-S42hoS"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-ZTSsuj"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93d-vnJ5mA" data-ph-id="ph-page-element-page4-eCeeEm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-qYD852"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-7KrH4A"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-BCaKgd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-3457Ap" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page4-yzdh8W">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page4-9m2M1E"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-JSQJiv" data-ph-id="ph-page-element-page4-hU77kF"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page4-pJKJYe"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-qBMpNA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page4-plrc4c"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-YGyihS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-CLSqmH"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-kIhz1n"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-GFDgpx"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-kcIC0G">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page4-SjMEgE" view="1639062228813-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-1639062989282" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page4-e4lNCr"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-XfiSvf"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page4-v9jtz1"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page4-aR7how"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page4-hRr56f"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93d-jjVE31" data-ph-at-id="send-link" data-ph-id="ph-page-element-page4-CRNWCx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-0r2MWQ" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page4-hm9bDS">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page4-6C2xj0"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-gu5tzf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page4-bA8agk"> <span data-ph-id="ph-page-element-page4-l5zECV"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page4-Fy9wO0"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page4-xLxzWL"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93d-Rz4165" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page4-HZaJTL"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page4-j4M7QM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-nd3F5X" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page4-c2CLGm">Skip</ppc-content> </span> </a> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-page-element-page4-V4c8BU"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-page-element-page4-Fy0EfP"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page4-0GhlSf"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page4-NceVk3"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-page-element-page4-hJTqqq"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page4-XgmDSi"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page4-JZarJS"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page4-OXrO2O"> <div data-ph-id="ph-page-element-page4-kmEHE1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93d-y06X2P" data-ph-id="ph-page-element-page4-uQ7LJS"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page4-7UqVHk"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page4-rBKxYa"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1639461515966"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page4-A9EYEy"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page4-b7QYc6"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page4-rnWQ1o"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-2T8D7C"></i> <span data-ph-id="ph-page-element-page4-6ip09s">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page4-23ImOf"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-5Nsr5S"></i> <span data-ph-id="ph-page-element-page4-Jh29s6">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page4-BxCRV1"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-DRWGdw"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-page4-rHQ8Fd"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-page4-TNwMH5"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page4-eFKCPE"> <span data-ph-id="ph-page-element-page4-ajvP6W">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page4-rIFALC"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page4-PpSGEL"></i> </span> <span class="user-name fs-block" title="${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email}" data-ph-id="ph-page-element-page4-IyxRcq"> ${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page4-BbItl7"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page4-Ud0dI3"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page4-WGV16C"> <span data-ph-id="ph-page-element-page4-UKSQUF">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page4-VGa2D9"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page4-EsVURR"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page4-QfqX46"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" data-ph-id="ph-page-element-page4-BLwqp1"> ${profileDetails.profile.firstName} ${profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-page4-FJNnGI"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page4-mLhLha"> <div class="user-actions-list" data-ph-id="ph-page-element-page4-0Y1qnd"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page4-RaEBJl"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page4-oWel9Q"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page4-frFjqS"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-XU2GGT"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page4-Avj6IH"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page4-vnL5wW"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page4-zLMWse"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page4-rcrEHe"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page4-6l3pUY"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-pR4Ha0"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-6V1TOS"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page4-k5wD9z"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page4-FQxzUv"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page4-rrNaqL"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-Ta5Vop"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page4-BBNBmy"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page4-E9RiOp"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-ptEWRT"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page4-qQAune"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page4-rZBNGU"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-9ye5Z6"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page4-uhSUws"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page4-5AyNXC"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page4-oN2iyR"> <form novalidate="" data-ph-id="ph-page-element-page4-5Is6J4"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page4-dqtA0p"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page4-9c9uvi"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page4-X8mLsX"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-RisBRk"> <div class="text-box" data-ph-id="ph-page-element-page4-YNYBAI"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page4-D2BQ03"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page4-IDP9Mk"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page4-JIwNnA"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page4-2lGzVG"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-nUxqJI"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-bsEMWj"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-BWOti1"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-zCFrCe"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-0V2A2g"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page4-sbNTB6"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page4-JG7rDu"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page4-hex80m"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-EoF08D"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page4-R3EmyM"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-YqA7O4"> <div class="text-box" data-ph-id="ph-page-element-page4-c9jWVz"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page4-m32Kdz"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page4-PBukIr"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page4-ZnOgWr"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page4-g4E6Oz"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-xNGnff"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-FBGUSW"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-PCMUUb"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-qQFTUo"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-ajeVe5"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page4-l4Yuzu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-BfKW2o"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page4-3WunKW"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page4-RHWdsB"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page4-dyJqdn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page4-n6hdBM"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-AdFgQo"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page4-iYwkMv"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-GEdRcr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-VNeVcM"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page4-73lSCk"> <div class="form-container" data-ph-id="ph-page-element-page4-vu248q"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-bcHla7"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page4-7P3xKj"> <div class="user-options" data-ph-id="ph-page-element-page4-iu5hR6"> <span class="each-option" data-ph-id="ph-page-element-page4-10vrKw"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page4-jIlus8"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page4-2HEb5I"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page4-hcU6ac"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-6Im7ne"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page4-AFXBQR"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page4-RE91O0"> <span class="forgot-password-area" data-ph-id="ph-page-element-page4-43Ldkq"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page4-Z3vvpg"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-j85PQC"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page4-HGAX0g"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-ljhloe"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-JIKOmh"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page4-gvOxZI"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page4-KKSqMG"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-LaZ9mN"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-5CZ9Jx"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page4-adVqNn"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-describedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page4-qlqZD8"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page4-IjCmHN"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page4-2KUNzt"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page4-VFPQQG"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page4-JPly5W"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-Y9s0QI"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page4-hVCrzm"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-ALAo3v"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page4-tSPaGa"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page4-oCBHPC"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page4-RWZMGu"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page4-90sApL"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page4-qmWtFa"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page4-OUTrxS"> <form novalidate="" data-ph-id="ph-page-element-page4-JFSGSb"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page4-151G7M"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page4-3xXe1q"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page4-oHlFxK"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-uT8i3H"> <div class="text-box" data-ph-id="ph-page-element-page4-c0DJRV"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page4-lCJohh"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page4-6BWzmo"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page4-IpseTG"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page4-mz012f"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-pYG7bJ"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-xt9pl0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page4-QTHXuA"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-X0Mt0C"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page4-xj8Jao"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page4-lcQHNO"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page4-PGwgSx"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page4-lLak44"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page4-ZzeAgq"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page4-LXiAcG"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page4-SCZAyE"> <div class="text-box" data-ph-id="ph-page-element-page4-YrOiEE"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page4-vsTb6Z"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page4-8AXc0t"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page4-mhGdwe"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page4-x1dXvq"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page4-CunY2a"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-oGihAg"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page4-ztAxuR"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-vaIJYy"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-cJxt2o"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page4-dliPrP"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-page4-TOLQqv"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page4-BAfAua"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page4-EiPyyS"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page4-X6eQdZ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page4-mXC2Sp"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page4-QbUMTZ"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page4-EY7EWO"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page4-FY5LSw"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-smy8nh">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-9fjf3H">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-dEDoKm">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page4-lfK9NP">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-5xyNTm"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page4-eWBSj2"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page4-YOav4Y"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page4-kFX1qD"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page4-lByiDY"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page4-Yh8UTT"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-fyf11-JVEON7" data-ph-id="ph-page-element-page4-FodOH7"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-e8EHlO"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page4-0O1vFb"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-vv6fUk"> <ppc-content key="ph-candidate-login-v1-default-fyf11-vixHN9" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page4-7z5uxt">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page4-TAS7UY"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-vtb0c3"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page4-07BNye"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-toEgxK"> <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-page4-eKJfuI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-6SR6Nx"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-7NLRWv"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-fKAMty"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-o9cIVb"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-MTaMov">*</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-page4-bqIEmC"> <span class="sr-only required-text" data-ph-id="ph-page-element-page4-2UJgp5"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-RjfUMo"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page4-II5zUw"> <span class="alert-msg" data-ph-id="ph-page-element-page4-Xr1SrM"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page4-QCsw5t"> <span class="alert-msg" data-ph-id="ph-page-element-page4-Jsmrqq"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page4-5vbZU8"> <div class="form-container" data-ph-id="ph-page-element-page4-b1I9yC"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page4-wl2vkW"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page4-Vf1vkZ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-page4-Hfc7Cl"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page4-17cSHj"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page4-z9AgSO" view="1639461515959-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="1639461515959-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page4-IIYJ5k"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page4-VefGMd"> <span data-ph-id="ph-page-element-page4-NX5WHN"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page4-uylj2e"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page4-nIkqfi"> <span data-ph-id="ph-page-element-page4-vzgiHX"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page4-sCwaoR"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page4-ESRNOd"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page4-mYxGk5">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page4-hwoPJo">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page4-ULmSLI"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page4-UVqoYG"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page4-lm8vCe"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page4-FWz6CE"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page4-JC4UTw"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-lkEteT"> <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-page4-8MqjGJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-VYgrsI"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-Ja90Dr"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-kxJUAB"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-MfPD5y"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-KXifpe">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page4-a7D4xW"> <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-page4-6405Fb"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-popupview1-1639062177109"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page4-fFmOCY"> </div> <div class="widget-block-area" role="region" key-role="ph-find-your-fit-container-v1-popupview1-ai8eoj-gt8bNY" aria-label="Upload profile" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-s4SQOa" data-ph-id="ph-page-element-page4-ebxSu3"> <div class="modal-backdrop" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page4-wjl921"></div> <div class="content-block upload-resume-block ph-popup-area" show.bind="((currentStep == 'chooseStep') || isDialogOpen)" data-ph-id="ph-page-element-page4-qT3kRj"> <div class="upload-resume-tile" show.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page4-Mvj4x9"> <div class="widget-container" data-ph-id="ph-page-element-page4-i4tq2O"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page4-h62RPj"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page4-EkSqDd"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-DYamRA"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-3OTm5W" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-YjOuBc"> 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-page4-O1L0z6"> <button class="upload-action-btn btn primary-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('popup')" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-Z1ImRW" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page4-wbHgE6"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-X6fhxm" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page4-wWIgAA">Get Started</ppc-content> </button> </div> </div> </div> </div> </div> <!-- Upload resume dropzone area --> <!-- show edit option--> <div class="post-login-resume-tile" show.bind="isLoggedIn" data-ph-id="ph-page-element-page4-yefSwu"> <div class="widget-container" data-ph-id="ph-page-element-page4-2LjaNV"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page4-KFWJbM"> <div class="user-info fs-block" data-ph-at-id="profile-info-block" if.bind="!isJobFitEnabled" data-ph-id="ph-page-element-page4-YzdMIf"> <div class="user-profile-icon" data-ph-id="ph-page-element-page4-bcmtKq"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-page-element-page4-chpAt2"> <i aria-hidden="true" class="icon icon-user-1" data-ph-id="ph-page-element-page4-Vo7jye"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-wzIuLv"> <span key="ph-find-your-fit-container-v1-popupview1-ai8eoj-rThiMS" data-ph-id="ph-page-element-page4-KqBizY"> profile icon </span> ${profileData.firstName ? profileData.firstName.substring(0,1) : ''} </span> <span class="user-name-prefix" if.bind="profileData.firstName" aria-hidden="true" data-ph-id="ph-page-element-page4-tZQShE">${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-page4-c9LOKo"> <div class="fit-score-area fs-block" if.bind="fitLevel && jobSeqNo" data-ph-id="ph-page-element-page4-9g7Ler"> <div class="salutation-text" data-ph-id="ph-page-element-page4-GYYSMm"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-Do3Yos"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-sDiR34" data-ph-id="ph-page-element-page4-YtaV5M"> 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-page4-glj8fo"> <span fitscore.bind="fit = enabledFits[fitLevel]" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-jzWfpr"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-3MMuNz"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-mPXrFs">${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-page4-Wdmjsw"> <div class="no-match-score-text" data-ph-id="ph-page-element-page4-OPwJp6"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-GNmwPb"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-mA3yYV" data-ph-id="ph-page-element-page4-tRAfhR"> 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-page4-oOkrMa"> <div class="action-area-block ${isJobFitEnabled ? 'job-fit' : ''}" data-ph-id="ph-page-element-page4-o95ILT"> <div if.bind="flowType == 'upload_resume'" data-ph-id="ph-page-element-page4-rQi7PG"> <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-ai8eoj-Z9HTY9" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page4-IkxIpl"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page4-p92Kt4"> <i aria-hidden="true" class="icon icon-error" data-ph-id="ph-page-element-page4-SxLgun"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page4-H5rTtM"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page4-TyXIlD"></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-page4-Cywsqz"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-IkcBZl" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page4-c6z5kL"> <span data-ph-id="ph-page-element-page4-TDT1fX">${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-page4-D3bMAS"> ${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-page4-Is1fjq"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page4-uYN8ap"> <ul data-ph-id="ph-page-element-page4-ZkSXpX"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page4-2ekebI"> <button class="completeInfo-btn" aria-label="" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-722F2w" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page4-YTLAEx"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page4-4InSgV"> <i aria-hidden="true" class="icon icon-error" data-ph-id="ph-page-element-page4-YmpGrR"></i> </span> <span class="button-text" data-ph-id="ph-page-element-page4-M2ncht"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-ltPUE5" data-ph-id="ph-page-element-page4-N6wtMv"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page4-miuaqx"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page4-ZB5WkO"> <span class="action-icon" data-ph-id="ph-page-element-page4-JTi9Pg"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page4-Qfvtu8"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page4-xh2E13"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page4-N5d4Sb"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page4-B6J1FO" view="1639062176759-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="1639062176759-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-page4-cDVUjc"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page4-OCLsvZ"> <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-ai8eoj-sC7rDw" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page4-F4j8qz"> <span class="action-icon" data-ph-id="ph-page-element-page4-CB3A8Z"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page4-hYJvjK"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-sC7rDw" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page4-cX8np3">Use new resume</ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page4-juwTsy"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page4-yXoTW9"> <span class="action-icon" data-ph-id="ph-page-element-page4-Ku3D2m"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page4-OglIqq"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page4-Wkqjg1"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page4-vijwit"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page4-N0TyEe"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page4-gjxI4F"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page4-XEQWrj"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-G1n8PG" data-ph-id="ph-page-element-page4-X1Szbr"> 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-ai8eoj-fEx84b" data-ph-id="ph-page-element-page4-JxulKS"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-OZmdZ9" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page4-LjFhl2"> Log out </ppc-content> </a> </div> </div> <div if.bind="flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile')" data-ph-id="ph-page-element-page4-klxZV9"> <div class="action-area-block" data-ph-id="ph-page-element-page4-GzSCJv"> <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-ai8eoj-MEOjk4" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page4-MpoiCu"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-MEOjk4" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page4-U2NgDu">edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page4-g42oDw"> <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-ai8eoj-YyvlTF" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page4-I7jGBA"> <i aria-hidden="true" class="icon icon-reset-1" data-ph-id="ph-page-element-page4-IxUoO2"></i> <span data-ph-id="ph-page-element-page4-cTFURB"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-YyvlTF" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page4-Y01gBW">Reset Personalization</ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page4-jOEK4n"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page4-ATiSmp"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page4-0Ux5r1"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page4-veafz0"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-G1n8PG" data-ph-id="ph-page-element-page4-iG2trd"> 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-ai8eoj-fEx84b" data-ph-id="ph-page-element-page4-HqZSjv"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-OZmdZ9" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page4-0bdSE2"> Log out </ppc-content> </a> </div> </div> </div> </div> <div if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page4-7kNaJv"> <a class="questions-btn btn default-button ${isJobFitEnabled ? 'job-fit' : ''} ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-ZBPtX4" data-ph-id="ph-page-element-page4-KLvNhB"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-SosA4l" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page4-ZozeWA">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-page4-IfQTfr"> <div class="match-score-text" data-ph-at-id="match-score-info" data-ph-id="ph-page-element-page4-CJ4tv8"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-gic7uF"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-ZEM33A" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-zXTWyT">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-page4-AuDLU9"> <button class="upload-action-btn btn default-button ${isJobFitEnabled ? 'job-fit' : ''} ph-a11y-candidate-edit-profile" aria-label="edit profile" click.delegate="showMatchScoreButton = !showMatchScoreButton" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-ZBPtX4" data-ph-id="ph-page-element-page4-uV7uuY"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-nRyglq" data-ph-id="ph-page-element-page4-ltiXYd">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-page4-Lridfs"> <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-ai8eoj-X6fhxm" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page4-lrQ7i8"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-X6fhxm" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page4-o7TNvL">Get Started</ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop upload-resume-popup" if.bind="userConsentPopup" data-ph-id="ph-page-element-page4-R5f5Nj"> <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-page4-Wrc00W"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page4-pVyaAk"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page4-KV2Wx1"> <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-page4-liYAXn"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page4-DgoLol"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page4-5BPYfJ"> <h2 class="heading-block" data-ph-id="ph-page-element-page4-gVUzeQ"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Nwa0vm" data-ph-id="ph-page-element-page4-Q9H9bA"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page4-P03sV6"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-UjMt5N" data-ph-id="ph-page-element-page4-qGA4jl"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page4-8eJu7u"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-JXrzUb"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-Ufuo6C"> <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-ai8eoj-q0youb" aria-required="true" data-ph-id="ph-page-element-page4-2RADpg"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-Hj6JB8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-r52mi7"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-SIiWe6"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-dlO5sv" data-ph-id="ph-page-element-page4-7ui12g"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-wcJwte"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page4-AE4McS">terms of use</a> </ppc-content> </span> </input></label> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page4-4r7U6T"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-wH2Efa" data-ph-id="ph-page-element-page4-r9KxZI"> Please accept terms of use and policy. </ppc-content> </div> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page4-fwgNCO"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-yAefue"> <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-ai8eoj-kR1A9k" data-ph-id="ph-page-element-page4-dnNAIi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-OrrIqb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-rTDeU3"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-PtqbuX"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Hu8k9G" data-ph-id="ph-page-element-page4-vvFACI">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-page4-zdV1J4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page4-e5Jytx"> <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-page4-w1YXXE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-DeD4FX"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-P6OXcy"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-j02U2Z"> <span id="${'checkbox-label-fyfcontpopup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page4-tcXX7I"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page4-CdKRy2">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-IDxxs4"> <span class="pii-consent-error" id="consent-error-fyfcontpopup" if.bind="piiConsentError" data-ph-id="ph-page-element-page4-5Bny9z"> ${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-page4-OWFrRo"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-gQBAqB" data-ph-id="ph-page-element-page4-tJVdxR"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page4-8PxhPP"> <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-page4-2uYRCa"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page4-1gwYDW"> <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-page4-tpIpt0"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page4-Tr7LVJ"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page4-acQ2Y0"> <!-- 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-page4-h1uXjf"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page4-TZI5PP"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-rSJgCB"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-WZhtwT"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page4-0OOFob"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page4-xk3cdG"> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-vkW7rY"> <div data-ph-id="ph-page-element-page4-LOS3cn"> <label for="name" data-ph-id="ph-page-element-page4-vE5dmO"> <span class="sr-only" data-ph-id="ph-page-element-page4-LgtjCw"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page4-G8m3UI"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page4-OutIFl"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page4-SrWv9I"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-ZxtRPk"> <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-page4-uA7bau"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page4-I1cxkP"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page4-sc7d3A"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page4-PXjFS4"> ${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-page4-klwnrx"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-dAGdiS"> <div data-ph-id="ph-page-element-page4-RFea8F"> <label for="email" data-ph-id="ph-page-element-page4-uClYJb"> <span class="sr-only" data-ph-id="ph-page-element-page4-Ing5Il"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page4-avO6HY"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page4-Bl9L1L"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page4-pYykzi"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-7O1KeN"> <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-page4-cbXORw"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page4-rLz4HH"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-Tp7Nuq"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page4-T4tNce"> ${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-page4-Bb7UZ4"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page4-kKbaPu"> ${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-page4-HLU1s4"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-Ht6JzM"> <div data-ph-id="ph-page-element-page4-y1Oowp"> <label for="phone" data-ph-id="ph-page-element-page4-FbCuAh"> <span class="sr-only" data-ph-id="ph-page-element-page4-P5iHxS"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page4-UDEf3X"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page4-HsKBS1"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-WRAD5W"> <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-page4-dWShOF"> <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-page4-fDIHnE"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page4-GX0O72"> ${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-page4-sA8lJO"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page4-Nw0Yp4"> <div data-ph-id="ph-page-element-page4-19SSBj"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page4-K1f6ck"> <span data-ph-id="ph-page-element-page4-65weUP"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page4-4kwgwz"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page4-DW8mzk"> <span data-ph-id="ph-page-element-page4-0bk2Vz"> ${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-page4-d8pblb"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page4-aZOvSg"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-vLyAr6"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-dah7qo"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page4-tRDIts"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-N04bTM"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page4-jmBBAn"> <div data-ph-id="ph-page-element-page4-n1MPFl"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page4-9Mz37s"> <span data-ph-id="ph-page-element-page4-0Bsvb9"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page4-hfOeOO"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page4-Uy90Tf"> <span data-ph-id="ph-page-element-page4-uyK49Z"> ${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-page4-uYu7dx"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page4-fPQYg2"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-ZP4nk5"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page4-D5oLyA"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page4-YhokK2"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page4-wEk1RP"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page4-nlZICL"> <div class="input-group" data-ph-id="ph-page-element-page4-pFcFGD"> <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-page4-PHmr0X" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page4-oYNGIP"></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-page4-IgnkPh"> <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-page4-j2y3WZ"> </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-page4-iNJGtv"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-uiPAjt"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page4-Npnmwa"> <span data-ph-id="ph-page-element-page4-MBUeWc"> ${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-page4-BgCm4T"> ${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-page4-npgzaV"> <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-page4-mKVjTc"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page4-NcvNQX"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page4-jLLgDg"> ${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-page4-CBA6sO"> <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-page4-V6QTUp"> ${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-page4-u2XJf7"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-OuicxH"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page4-lreDxO"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page4-FHd41m"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-T9U4Ev"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page4-DwR1hH"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page4-RSsejz"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page4-HcZuNP"> <div class="input-group" data-ph-id="ph-page-element-page4-aXFxSr"> <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-page4-JeYb26" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page4-uHVZ2U"></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-page4-Gz6twO"> <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-page4-nsAqpG"> </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-page4-xpFgDs"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-K44xo2"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page4-PcyllS"> <span data-ph-id="ph-page-element-page4-E1kB7p"> ${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-page4-qQrFlr"> ${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-page4-VjCn88"> <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-page4-CMHAfQ"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page4-uB8ALb"> <h3 class="skills-heading" data-ph-id="ph-page-element-page4-4sXEDF"> ${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-page4-D9iiUp"> <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-page4-2oWG99"> ${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-page4-328lry"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-kAErYo"></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-page4-UcP6L2"> <div data-ph-id="ph-page-element-page4-SmALcE"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page4-D7KITt"> ${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-page4-TguP2u"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page4-kjbZOi"> <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-page4-RIPVbL"> <span data-ph-id="ph-page-element-page4-M36Ug6">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page4-sTruS7"></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-page4-80pYKe"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page4-vCIM5Z"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-rY4PDL"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page4-XCyCAN"> ${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-page4-v1HJ2k"> <legend class="sr-only" data-ph-id="ph-page-element-page4-w1u6Si"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page4-7DUXdQ"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page4-05gqOs"> <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-page4-wPF5Qo" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page4-jOah0e"> <span data-ph-id="ph-page-element-page4-CSQWgV">${exp.displayName} </span> <span data-ph-id="ph-page-element-page4-nvJtcK"> ${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-page4-DnFbTh"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page4-qpe9l9"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page4-B0VQTb"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page4-126XlG"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page4-7gWdm0"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page4-3Pnur9"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page4-Wqnhhv"> <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-page4-9riQs4" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page4-BLqCUv"></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-page4-Eq4tVl"> <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-page4-4joQ4p"> </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-page4-kYJkmk"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-Q1hROo"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page4-9o7CsC"> <span data-ph-id="ph-page-element-page4-t389bQ"> ${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-page4-HI1pa5"> ${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-page4-7D03xx"> <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-page4-c7fjNl"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page4-UHJqIb"> <h3 class="location-heading" data-ph-id="ph-page-element-page4-uBkS5c"> ${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-page4-X58dDR"> <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-page4-TK8hGf"> ${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-page4-5mMHet"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page4-79l9es"></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-page4-NL8hAt"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page4-MGPrYI"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page4-jXDsBy"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page4-eVYVii"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page4-gdqndP"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page4-Ut2QLE"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page4-B6ZGw5"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page4-p7FI3Y"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page4-QzV3TZ"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page4-Bn3SF1"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page4-SyUxnG"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page4-uB1p6G"> <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-page4-skM5pT"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page4-p8ZODt"> <!--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-page4-AjOXkj"> <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-ai8eoj-ExYRm7" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-njGcRp"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-23tv4P"></i> </button> <div class="widget-container" data-ph-id="ph-page-element-page4-qoQ18P"> <div class="inner-content" data-ph-id="ph-page-element-page4-BRd6fV"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-k8QT2M"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-uhnGjw" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-itjGNv"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page4-rD3sIi"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-UvBdHd" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-RMKW4p"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page4-cfuOoM"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page4-RVSDqk"> <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-page4-lY2ZQp"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-CRdYoo" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page4-sXa0KW"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page4-bACBma"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-A8qFnX" data-ph-at-id="or-text" data-ph-id="ph-page-element-page4-W3dnNZ"> or </ppc-content> </p> </div> <div class="dropzone-area" data-ph-id="ph-page-element-page4-0fj56s"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page4-6O8CzZ" view="1639062176762-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="1639062176762-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page4-T7fCDR"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page4-vGPSqU"> <p class="or-text" data-ph-id="ph-page-element-page4-NS4WMg"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-A8qFnX" data-ph-at-id="or-text" data-ph-id="ph-page-element-page4-Qps0q2"> 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-page4-JdaNcX"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-CRdYoo" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page4-R8xC0S"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page4-ZMDkKs"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page4-gnDexD"> <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-ai8eoj-KaTA02" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" data-ph-id="ph-page-element-page4-lSEFgc"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page4-xGuGcV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page4-v7l8mJ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page4-jK3nHv"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-KaTA02" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page4-q8vhKl">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-page4-J7vWQB"> <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-ai8eoj-Nw4Z8o" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-YGYzcC"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-hGvWK8"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page4-yvMhVR"> <i aria-hidden="true" class="icon icon-sad-file" data-ph-id="ph-page-element-page4-udcfGb"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-tCcC7z" data-ph-id="ph-page-element-page4-W3FH6z">failure icon</span> </div> <div data-ph-id="ph-page-element-page4-ejARyk"> <h2 class="phs-heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page4-5Rf96U"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-OzHfnx" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-5cHjKX"> Oops invalid format... </ppc-content> </h2> <h2 class="phs-heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page4-UCnWQw"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-L9oq8B" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-lBYYUG"> Oops... </ppc-content> </h2> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page4-uRFgAf"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-5WktGc" data-ph-at-id="description-text" data-ph-id="ph-page-element-page4-VrPvPA"> 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-page4-QJCnBz"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page4-5JNMNn"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-B6LbqR" data-ph-at-id="description-text" data-ph-id="ph-page-element-page4-N444Rs"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page4-L4ZtIj"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-ViFZ4v" data-ph-at-id="error-text" data-ph-id="ph-page-element-page4-amMnRd"> 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-page4-7hFxjs"> <div class="upload-again" data-ph-id="ph-page-element-page4-YoYsYq"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page4-RtCOSY" view="1639062176790-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="1639062176790-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-page4-uUChXL"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page4-WUwTxg"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page4-4aXaCP"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-kqNy2t" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page4-oUCcN5">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-page4-8uytna"> <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-ai8eoj-uMj2FT" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-EmqAD8"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-0dAcyL"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page4-l6Cnmf"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page4-SOWOFs"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page4-SVgZ3n"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Jbgh4w" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page4-VEVWRR"> 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-page4-wN5Vs2"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-GeTFpg" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-5YyKM1"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page4-YK7RY8" /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page4-fpH7Rz"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-0pr7sS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-jr26cY"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page4-jJ84az" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-page-element-page4-DQOJMV"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-qhBZtT" data-ph-id="ph-page-element-page4-0WG5KZ"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-qqwgee"> <div data-ph-id="ph-page-element-page4-vysL4s"> <label for="email" data-ph-id="ph-page-element-page4-yVx1nn"> <span key="ph-find-your-fit-container-v1-popupview1-ai8eoj-85ZGW5" class="sr-only" data-ph-id="ph-page-element-page4-EIfFib"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page4-6ibNRf"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-85ZGW5" data-ph-at-id="email-text" data-ph-id="ph-page-element-page4-b2jCQR"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-nLaQBD"> <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-ai8eoj-qrf9KZ" 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-page4-lzFq12"> <span class="error-msg" id="ph-a11y-contact-email-field-error" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page4-UDqOYv"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page4-COqIVi"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-NkMYLu" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page4-P5BYUZ"> 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-page4-ATcXpb"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Hlp2Nw" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page4-udOgqT"> 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-page4-ievQaU"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-0zwBxc"> <div data-ph-id="ph-page-element-page4-pw8KVs"> <label for="phone-1" data-ph-id="ph-page-element-page4-wsCJlO"> <span key="ph-find-your-fit-container-v1-popupview1-ai8eoj-qE0dk6" class="sr-only" data-ph-id="ph-page-element-page4-6c72IX">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page4-1liOXE"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-PAPKs6" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page4-6ZeX84"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page4-w8ycLc"> <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-ai8eoj-gr7m9w" 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-page4-8lvJ92"> <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-page4-FekQM7"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-HvkV3g" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page4-bzOTbV"> 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-page4-1AcH68"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page4-8xESJ2"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page4-zNr04b"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-NxA1Bd" data-ph-id="ph-page-element-page4-FsKv2O"> 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-page4-vxaT9O"> <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-ai8eoj-eQdET4" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-kyGq1C"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-a0PCrT"></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-page4-ly1t8N"> <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-page4-55X5qB"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page4-6e1Oms"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page4-sA2O1j"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-cloftt"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-jOuPKf" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-drxn6Z"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page4-cL9hcg" view="1639062176791-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="1639062176791-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page4-JJIfRo"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page4-05bUk2"> <span data-ph-id="ph-page-element-page4-6W3Bop"> <i aria-hidden="true" class="icon icon-lock" data-ph-id="ph-page-element-page4-7uuPpl"></i> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Aphbqr" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page4-JcLfvw"> 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-page4-5eETML"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page4-dzUUEC"> <div class="failure-img-block" data-ph-id="ph-page-element-page4-yxg2s2"> <i aria-hidden="true" class="icon icon-happy-file" data-ph-id="ph-page-element-page4-ZRwybI"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-P9ukwd" data-ph-id="ph-page-element-page4-9fdSuf">success icon</span> </div> <div data-ph-id="ph-page-element-page4-Z5hA2A"> <h2 class="phs-heading" data-ph-id="ph-page-element-page4-tVKBiM"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-Xiu9tx" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page4-fujhTa"> Great! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page4-zbPdyB"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-IdxvEL" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page4-Vx1Zis"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page4-aMG4h0"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-mE7dUx" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page4-xokSuE"> 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-page4-0ztHrb"> <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-ai8eoj-VnlmUY" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-AEp9Hv"> <span class="btn primary-button" data-ph-id="ph-page-element-page4-R0bAEk"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-qcB7u0" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page4-3UENGl"> 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-page4-bG9W6i"> <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-ai8eoj-Gf7oYM" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-fs7jDo"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-AN5S8P"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page4-1EAybO"> <i aria-hidden="true" class="icon icon-remove-file" data-ph-id="ph-page-element-page4-PoDBQL"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-popupview1-ai8eoj-0Nn8u3" data-ph-id="ph-page-element-page4-16IReU">reset icon</span> </div> <div data-ph-id="ph-page-element-page4-ejZPEh"> <!-- <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-page4-sfRQqi"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-4cU34L" data-ph-at-id="description-text" data-ph-id="ph-page-element-page4-oToT8H"> By resetting personalization <br data-ph-id="ph-page-element-page4-3BKmWI" />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page4-82bqtq"> <div class="delete-link" data-ph-id="ph-page-element-page4-L95wai"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-popupview1-ai8eoj-vGodbA" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page4-Z0kJnP"> <ppc-content key="ph-find-your-fit-container-v1-popupview1-ai8eoj-bWMiUu" data-ph-id="ph-page-element-page4-JEUb66"> 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-page4-2mVkGT"> <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-ai8eoj-fx85pf" data-ph-at-id="close-link" data-ph-id="ph-page-element-page4-J37FLu"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page4-Q6z7Ww"></i> </button> <section class="ph-widget" instance-id="6ty93d" data-ph-id="ph-page-element-page4-y90siY" view="1639062176798-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-1639062228825" original-view="default" data-ph-id="ph-page-element-page4-aSOJ2Q"></div> </section> </div> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" class="" data-ph-id="ph-page-element-page4-fHTaiU"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page4-CERWFg"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page4-nTK1wm"> resume uploading </div> </div> <div show.bind="candidateLoginPopup" class="" data-ph-id="ph-page-element-page4-xoeWxf"> <section class=" ph-widget" instance-id="fyf11" data-ph-id="ph-page-element-page4-YfhYR5" view="1639062177040-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-1639461515966" instance-id="fyf11" original-view="default" data-ph-id="ph-page-element-page4-0y8d1h"></div> </section> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1gd0h6-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-page4-DA17Zb"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page4-Qm1adU"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page4-0AaOIu"> <div class="modal-content" data-ph-id="ph-page-element-page4-K0APdR"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-W9fQbU"> <!--<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-page4-tgV8Fq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-kKrgrR"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-cWHGYQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AKwBGq" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page4-0GhSkK"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page4-EssFo1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-mGGg48" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page4-qrI3vW"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page4-vvdHgU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DO0PSs" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page4-C7nugm"> 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-page4-P4qzpo"> <div class="content-block" data-ph-id="ph-page-element-page4-7sMekF"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page4-FTgO8V"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-cICidO"> <label for="name" data-ph-id="ph-page-element-page4-w2lmqU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-lAGCpb" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page4-JUMNIK"> 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-wjaLxy" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-vBokZs" data-ph-at-id="name-input" data-ph-id="ph-page-element-page4-Lgu5pC"> <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-page4-gBDYyP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-yfK7aN" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page4-2u2JKE"> 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-page4-cDROh1"> <label for="email" data-ph-id="ph-page-element-page4-iEbQwG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Psysud" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-SBmQ5r"> 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-KF1yE5" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page4-QSNvDV"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page4-VDQ3j4"> <span class="sr-only" data-ph-id="ph-page-element-page4-cE5itX">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page4-yIxAwc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zrnk2X" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page4-hpOcpx"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page4-idZZrq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3v09n5" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page4-HHzIVF"> Please enter valid Email </ppc-content> </span> </span> </input> </div> <div class="form-group" data-ph-id="ph-page-element-page4-94cw9p"> <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-page4-5sSGXy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pZ1ige" data-ph-at-id="send-text" data-ph-id="ph-page-element-page4-Ddfpqu"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page4-nz0aZq"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-yapAr0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OKAUms" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page4-TMKEup"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-yhFn9L"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-wQbHQM" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page4-a4WHiC"> 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-page4-vE6Azu"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page4-xKtg1i"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-GeUwdL"> <i class="icon icon-check" data-ph-id="ph-page-element-page4-BGcfiB"></i> <h3 data-ph-id="ph-page-element-page4-0fGMgX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-XwIeHT" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page4-uk87T0"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-7ibtPY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9LxlhI" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page4-UCgAwP"> 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-page4-z3tgAn"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-cXLlrR"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-OGSbKk"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page4-F03gTK"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page4-jkSY3Q"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page4-bKzPXA"></i> <h3 data-ph-id="ph-page-element-page4-mL6tzv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OTsLZx" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page4-ASGJmg"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-vourun"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8jiLsb" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page4-1sY0NH"> 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-page4-az2Ic1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-K4Zz74"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-6ty93l-default"> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-Mz6VR3"> <div class="widget-container" data-ph-id="ph-page-element-page4-8gEkIC"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page4-PNI2Xc"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-nNNXSx" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-Pg2Ber" data-ph-id="ph-page-element-page4-SJAdo4"> <ppc-content key="ph-social-share-v3-default-6ty93l-snZYjV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-hf04bJ"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-vZQqRF"> <ppc-content key="ph-social-share-v3-default-6ty93l-9hLQhi" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-KekA3D"> 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-page4-gx7dnN"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page4-G9uIno"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page4-uZdoow"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page4-6ByLy0"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page4-QMxPEx"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-NW2Z0O"> <span data-ph-id="ph-page-element-page4-l2Glkz">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page4-5wCGGY"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1gd0h6-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-page4-EaENHf"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page4-0x0r21"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-ZBkhn1"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-SDemuf"> <div class="head-wrapper" data-ph-id="ph-page-element-page4-IZuaYy"> <h3 class="head-text" data-ph-id="ph-page-element-page4-zcshMS"> <ppc-content key="ph-social-share-v3-default-6ty93l-t9A81q" data-ph-id="ph-page-element-page4-nfE2gb">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-SkkE3j" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-Nz6BKl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-1Q9QXg"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page4-Q1To0n"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page4-gJBjoQ"> <p class="message-text" data-ph-id="ph-page-element-page4-4GVjDm"> <ppc-content key="ph-social-share-v3-default-6ty93l-aoWbmB" data-ph-id="ph-page-element-page4-OTtsDV">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page4-Os416R"> <ppc-content key="ph-social-share-v3-default-6ty93l-rrjPiJ" data-ph-id="ph-page-element-page4-6kJ1uK">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page4-OmNTMM" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page4-SNNGjK"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-029Y6O"> <ppc-content key="ph-social-share-v3-default-6ty93l-LCjLbf" data-ph-id="ph-page-element-page4-NVbtqf">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page4-tXeuwr"> <ppc-content key="ph-social-share-v3-default-6ty93l-d22sD2" data-ph-id="ph-page-element-page4-2KROCm">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-wnw95m-default"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page4-9XlCvI"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-wnw95m-9BO1Zm" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page4-st9c3o"> <div class="widget-container" data-ph-id="ph-page-element-page4-YrsLiX"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-pdZW90"> <h2 data-ph-id="ph-page-element-page4-zoBFwv"> <ppc-content key="ph-profile-recommendations-v2-default-wnw95m-9BO1Zm" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page4-I2sMcj">Profile recommendations</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page4-RPlBAP"> <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-page4-aBn8L2"> <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-page4-7BV5SY"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="c1VwD6" data-ph-id="ph-page-element-page4-LBv435"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-iYcOXI"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-z7n7P5"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page4-C5KieG" /> </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-page4-9De24W"> <div class="information" data-ph-id="ph-page-element-page4-E3WK2h"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page4-8EoVHf"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-W9QcXF"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-54s9Wj"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page4-aAG1Gv" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page4-0U0Sq5"> <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-page4-onxa3B"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-ULALoF"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-Uwlrcs"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-1tkigP">${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-page4-7Rc02Y"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page4-TaGPB7"> ${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-page4-fpzgRM"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-zRdteX"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-C8Zwdx">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-wnw95m-4vArCh" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-wnw95m-d6OU28" instance-id="c1VwD6-wA9T1W" data-ph-id="ph-page-element-page4-1o9aOj"> <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-page4-TmgAq4"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page4-gakaKj"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-OewenX">${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-page4-1ccoca"></i> <span data-ph-id="ph-page-element-page4-ZYN1Lu">${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-page4-k3jUEH"> <!-- 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-page4-kwan8o"> <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-page4-dqjIyB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-pXvCIz">${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-page4-1ai1vA"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-XYBn9A">${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-page4-1eecj6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-plAz3S">${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-page4-ZxYn3s"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-x4ZzzJ">${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-page4-tIn7os"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-oIwyCF">${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-page4-lDyJqU"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-re7zda"> ${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-page4-Ull2at"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-YqYNOR">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-NwC2og"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-fkhFCL">${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-page4-r8VxiA"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-BZ1JSB">${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-page4-7nxwka"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-iyEva6">${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-page4-VH6KMa"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-Y4Uu1t">${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-page4-xYVuOC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-IFq77s">${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-page4-UwFSkd"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-L0pn6G"> ${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-page4-t0azku"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-O3Nwku">${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-page4-vwKJfp"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-ojGi6e"> ${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-page4-Bh6XIA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-XIc0zF">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-d6vQd8">${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-page4-zhXlDD"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-KMoZWC">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-C27hqi">${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-page4-qdLqdt">${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-page4-XBgoSk">${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-page4-1hBu0f">${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-page4-xmhEtE"> <!-- 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-page4-lbqEbB"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page4-tRnaov"> <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-page4-Fh0FEm"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-f3gwYa"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-kD6skO"> ${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-page4-LLwZtF"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-S5dF86">${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-page4-4D7L4A"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-qblPEH">${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-page4-wJl1SI"> <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-page4-o076Ca"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-isFVN0"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-cqbLLh"> ${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-page4-SAr2ST"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-2Hucqw">${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-page4-w2Df0w"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-hUuDSC">${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-page4-qgqzb1"> <span class="sr-only" data-ph-id="ph-page-element-page4-Ex1jNH">${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-page4-nBF9h7"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-SMkLEK">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-tK4drK">${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-page4-1LOySf">${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-page4-Duo9tP">${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-page4-rge5v0">${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-page4-ioYoAQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-SR86Z0">${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-page4-YZyCBW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-alPvRy"> ${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-page4-sj4Kq4"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-RF98MJ">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-hmDq1d"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-iAk61Q">${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-page4-DhJsZD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-fRxQaQ">${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-page4-c3jRlP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-g1bwIe">${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-page4-Glwfcq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-SCyZ73">${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-page4-n6Ll3p"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-3GLECB">${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-page4-3V7V9J"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-H3XQQs"> ${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-page4-AWuPkz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-OF6EQq">${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-page4-vK6gTx"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-S5OxK4"> ${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-page4-QJdou7"> <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-page4-w2LudX"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-wnw95m-irzLJd" 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="c1VwD6-YiQvK4" data-ph-id="ph-page-element-page4-g3UqIk"> <span data-ph-id="ph-page-element-page4-t9q26m"> ${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-page4-2jWdAD"></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-page4-SNzjwR"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page4-nl26Mb"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page4-CYD7fM"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-XkJ3ra">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page4-hk7WYO">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-8H1C8B"></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-page4-VJqc7V">${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-page4-kZzgm1">${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-page4-TGhflL">${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-page4-18tCaW">${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-page4-CFmPCT">${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-page4-UUn4ih"> <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-page4-VuHSG7"> <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-wnw95m-qdWioI" 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="c1VwD6-fIbJTE" data-ph-id="ph-page-element-page4-pKcqi5"> <span data-ph-id="ph-page-element-page4-0PUghH"> ${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-page4-ncjbD0"></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-page4-DZYvCt"> <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-page4-nUd8Wd"> ${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-page4-yVNyS0"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page4-MUWdlg"> <span data-ph-id="ph-page-element-page4-0RrGmj"> <span class="sr-only" data-ph-id="ph-page-element-page4-IFY4FU"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page4-8LSQNf">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page4-hzW5Lx">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-ppSNDG">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-ZZGk5o">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page4-mrNpS6">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page4-Y3nul9">${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-page4-GRv1K8"></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-page4-EFRh7H"> <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-page4-TnVM3p"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page4-3v1z5k"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page4-KgZfw8"></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-page4-e06xaG"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-DDUXMZ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-z02kVu"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-MYkTRI">${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-page4-XiCq0L"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page4-eN5kJH"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page4-6frRoO"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-lj1r84"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page4-c03m96"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page4-tKzScR">${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-page4-AcJqA8"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page4-qOVHeN"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page4-5CM5lH"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-Z7TfoZ"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page4-3WQNKM"> <ppc-content key="ph-profile-recommendations-v2-default-wnw95m-BOoeyM" data-ph-at-id="share-job-button-text" instance-id="c1VwD6-FgO53X" data-ph-id="ph-page-element-page4-lAbUZk"> Share Job button </ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-1qhxET"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page4-Dptfwd"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default" data-widget="ph-social-share-v3" view="6ty93l-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page4-hYCig6"></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-page4-F4IV7u"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page4-WjmCA6"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page4-hYQiig"> <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-page4-4hv03A" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page4-zgNfAu"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-91zEqq"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-73Srjz"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-8ag22y">${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-page4-8RrmC4"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-8XMHAp"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-VObcsf"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-V9W13D">${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-page4-S8IWc0"> <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-page4-UdItHh"> <span class="sr-only" data-ph-id="ph-page-element-page4-oEp0Lw">${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-page4-W0Kn4e"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page4-GQ2CMZ"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> <span aria-live="polite" id="jobCountSrOnly" aria-atomic="true" data-ph-id="ph-page-element-page4-Tbsruo"> <span class="sr-only" if.bind="jobAdded" data-ph-id="ph-page-element-page4-OKNrMa"> ${jobCartCount} Saved Jobs </span> <span class="sr-only" if.bind="jobRemoved" data-ph-id="ph-page-element-page4-joF31L"> ${jobCartCount} Saved Jobs </span> </span> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-QmANKf"> <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-page4-KtRgcb"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-vWMbmX"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-V7kbQy"> <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-wnw95m-qV1hJI" instance-id="c1VwD6-Lvqm5M" data-ph-id="ph-page-element-page4-MYR8WS"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-WbGuGX"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-sZnm66"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-wnw95m-Kx1Ttq" key-aria-level="ph-profile-recommendations-v2-default-wnw95m-TqZxmy" instance-id="c1VwD6-3G5ZIb" data-ph-id="ph-page-element-page4-PBhemk"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-mXUadP"> <div class="job-location-count" data-ph-id="ph-page-element-page4-4ZfUc9"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-0X7tw9"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page4-jMjw29"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page4-VSRDCo"> <span data-ph-id="ph-page-element-page4-w0j6Hw"> <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-page4-F5UXp4"></i> </span> <span data-ph-id="ph-page-element-page4-t9yhzb"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page4-rePgRf"> <span class="sr-only" data-ph-id="ph-page-element-page4-vnLfbS">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-W6cM6r"></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-page4-VLGNeS">${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-page4-4bYgZM">${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-page4-mlz5Lq">${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-page4-OiV55i">${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-page4-fvGohF"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-KBIRbV"> <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-page4-hXOaLt"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-7fkiGV"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-GMPvut"> <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-wnw95m-eqCBNw" instance-id="c1VwD6-3a4Yn5" data-ph-id="ph-page-element-page4-sJsCGW"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-BCPWiO"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-vZN687"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-wnw95m-MHgbba" key-aria-level="ph-profile-recommendations-v2-default-wnw95m-dFZP29" instance-id="c1VwD6-gv1rWi" data-ph-id="ph-page-element-page4-IBBl17"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-1QUiP4"> <div class="job-location-count" data-ph-id="ph-page-element-page4-z0UJlI"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-ZfVbxC"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page4-2qLXDx"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page4-IYGhfN"> <span data-ph-id="ph-page-element-page4-6yBUm8"> <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-page4-gNwE1K"></i> </span> <span data-ph-id="ph-page-element-page4-KOR74Y"> ${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-page4-gB9yXn"> <div aria-atomic="true" aria-live="assertive" instance-id="0vYdhs" data-ph-id="ph-page-element-page4-kQUtEy"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-wnw95m-S1ogU4" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-wnw95m-HCybP0" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-wnw95m-9ZExNO" instance-id="0vYdhs-ihGT6u" data-ph-id="ph-page-element-page4-cmw6tI"> <!-- <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-page4-MDs6r6"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-9RQvHx"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-wnw95m-huNpTH" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-wnw95m-BSBEkB" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-wnw95m-oWWkjA" instance-id="0vYdhs-EobpTV" data-ph-id="ph-page-element-page4-Q9ctHR"> <!-- <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-page4-AOywoP"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-XvRe4t"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-wnw95m-PF4hLT" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-wnw95m-HOqIlR" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-wnw95m-HkHyF0" instance-id="0vYdhs-6akVkc" data-ph-id="ph-page-element-page4-aAkDIW"> <!-- <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-page4-VS3fJT"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-SS4Tzm"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-wnw95m-nok666" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-wnw95m-fUFDgd" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-wnw95m-THEGin" instance-id="0vYdhs-f9tfKO" data-ph-id="ph-page-element-page4-aulPFA"> <!-- <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-page4-nKuZUT"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-uq9VYf"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page4-tBsfFD"> <p data-ph-id="ph-page-element-page4-o88AZa"> <ppc-content key="ph-profile-recommendations-v2-default-wnw95m-poTMKP" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-JbMQtj"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1gd0h6-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-page4-DA17Zb"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page4-Qm1adU"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page4-0AaOIu"> <div class="modal-content" data-ph-id="ph-page-element-page4-K0APdR"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-W9fQbU"> <!--<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-page4-tgV8Fq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-kKrgrR"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-cWHGYQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AKwBGq" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page4-0GhSkK"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page4-EssFo1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-mGGg48" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page4-qrI3vW"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page4-vvdHgU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DO0PSs" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page4-C7nugm"> 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-page4-P4qzpo"> <div class="content-block" data-ph-id="ph-page-element-page4-7sMekF"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page4-FTgO8V"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-cICidO"> <label for="name" data-ph-id="ph-page-element-page4-w2lmqU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-lAGCpb" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page4-JUMNIK"> 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-wjaLxy" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-vBokZs" data-ph-at-id="name-input" data-ph-id="ph-page-element-page4-Lgu5pC"> <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-page4-gBDYyP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-yfK7aN" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page4-2u2JKE"> 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-page4-cDROh1"> <label for="email" data-ph-id="ph-page-element-page4-iEbQwG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Psysud" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-SBmQ5r"> 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-KF1yE5" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page4-QSNvDV"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page4-VDQ3j4"> <span class="sr-only" data-ph-id="ph-page-element-page4-cE5itX">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page4-yIxAwc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zrnk2X" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page4-hpOcpx"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page4-idZZrq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3v09n5" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page4-HHzIVF"> Please enter valid Email </ppc-content> </span> </span> </input> </div> <div class="form-group" data-ph-id="ph-page-element-page4-94cw9p"> <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-page4-5sSGXy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pZ1ige" data-ph-at-id="send-text" data-ph-id="ph-page-element-page4-Ddfpqu"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page4-nz0aZq"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-yapAr0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OKAUms" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page4-TMKEup"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-yhFn9L"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-wQbHQM" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page4-a4WHiC"> 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-page4-vE6Azu"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page4-xKtg1i"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-GeUwdL"> <i class="icon icon-check" data-ph-id="ph-page-element-page4-BGcfiB"></i> <h3 data-ph-id="ph-page-element-page4-0fGMgX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-XwIeHT" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page4-uk87T0"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-7ibtPY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9LxlhI" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page4-UCgAwP"> 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-page4-z3tgAn"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-cXLlrR"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-OGSbKk"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page4-F03gTK"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page4-jkSY3Q"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page4-bKzPXA"></i> <h3 data-ph-id="ph-page-element-page4-mL6tzv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OTsLZx" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page4-ASGJmg"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-vourun"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8jiLsb" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page4-1sY0NH"> 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-page4-az2Ic1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-K4Zz74"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-6ty93l-default"> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-Mz6VR3"> <div class="widget-container" data-ph-id="ph-page-element-page4-8gEkIC"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page4-PNI2Xc"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-nNNXSx" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-Pg2Ber" data-ph-id="ph-page-element-page4-SJAdo4"> <ppc-content key="ph-social-share-v3-default-6ty93l-snZYjV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-hf04bJ"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-vZQqRF"> <ppc-content key="ph-social-share-v3-default-6ty93l-9hLQhi" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-KekA3D"> 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-page4-gx7dnN"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page4-G9uIno"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page4-uZdoow"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page4-6ByLy0"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page4-QMxPEx"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-NW2Z0O"> <span data-ph-id="ph-page-element-page4-l2Glkz">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page4-5wCGGY"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1gd0h6-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-page4-EaENHf"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page4-0x0r21"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-ZBkhn1"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-SDemuf"> <div class="head-wrapper" data-ph-id="ph-page-element-page4-IZuaYy"> <h3 class="head-text" data-ph-id="ph-page-element-page4-zcshMS"> <ppc-content key="ph-social-share-v3-default-6ty93l-t9A81q" data-ph-id="ph-page-element-page4-nfE2gb">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-SkkE3j" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-Nz6BKl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-1Q9QXg"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page4-Q1To0n"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page4-gJBjoQ"> <p class="message-text" data-ph-id="ph-page-element-page4-4GVjDm"> <ppc-content key="ph-social-share-v3-default-6ty93l-aoWbmB" data-ph-id="ph-page-element-page4-OTtsDV">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page4-Os416R"> <ppc-content key="ph-social-share-v3-default-6ty93l-rrjPiJ" data-ph-id="ph-page-element-page4-6kJ1uK">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page4-OmNTMM" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page4-SNNGjK"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-029Y6O"> <ppc-content key="ph-social-share-v3-default-6ty93l-LCjLbf" data-ph-id="ph-page-element-page4-NVbtqf">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page4-tXeuwr"> <ppc-content key="ph-social-share-v3-default-6ty93l-d22sD2" data-ph-id="ph-page-element-page4-2KROCm">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-similar-jobs-v2-kws3ae-default"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page4-Qxbc3k"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" key-role="ph-similar-jobs-v2-default-kws3ae-6yuKd9" aria-label="Similar Jobs" key-aria-label="ph-similar-jobs-v2-default-kws3ae-3p4M6O" data-ph-id="ph-page-element-page4-PDn2bl"> <div class="widget-container" data-ph-id="ph-page-element-page4-oq8uTo"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-2dLkVH"> <h2 data-ph-id="ph-page-element-page4-Khacl4"> <ppc-content key="ph-similar-jobs-v2-default-kws3ae-3p4M6O" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page4-AEJPHE">Similar Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page4-x9I9gY"> <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-page4-KxLz5j"> <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-page4-hZX9QL"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="3e2GfC" data-ph-id="ph-page-element-page4-te2kME"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-DkXJTI"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-AE8gdG"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page4-8yUFui" /> </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-page4-mEYTJR"> <div class="information" data-ph-id="ph-page-element-page4-nTeza4"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page4-b7R0Cf"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-NnhNV4"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-c77haP"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page4-KA09Wp" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page4-YtqFKi"> <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-page4-Q0ZZF6"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-STEn3d"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-ttYoYH"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-EE79UK">${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-page4-ucqUxe"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page4-AGWYXy"> ${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-page4-E1v7m2"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-AT8HmU"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-WNu5nC">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-similar-jobs-v2-default-kws3ae-mV0k8I" aria-level="3" key-aria-level="ph-similar-jobs-v2-default-kws3ae-k4BRHp" instance-id="3e2GfC-Uz2Qqu" data-ph-id="ph-page-element-page4-T1H8RB"> <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-page4-lPIoQG"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page4-v77gCE"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-D4iwO4">${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-page4-4xeNif"></i> <span data-ph-id="ph-page-element-page4-e0lItB">${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-page4-xn0kg1"> <!-- 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-page4-atkUGQ"> <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-page4-huknEv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-qqqNsv">${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-page4-yDE9ZG"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-wHYN7g">${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-page4-xZiEE1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-S6fNGS">${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-page4-aboaR5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-EqGBsF">${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-page4-hDL09t"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-oc41Hy">${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-page4-LOwByR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-GovaQN"> ${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-page4-3CFa5d"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-FAjCNp">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-Bbkr4R"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-2Gpet7">${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-page4-3XPFSh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-s91ZKT">${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-page4-vzKrV8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-INeHwI">${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-page4-suYPVo"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-UzdqO8">${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-page4-W9RtOo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-EQ0w8d">${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-page4-wDcYYG"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-VeUvQs"> ${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-page4-laSLh4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-JuZxMq">${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-page4-1aW6Ee"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-7kb6iU"> ${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-page4-aF3WWs"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-6TR0gI">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-cZx13f">${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-page4-DYykBY"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-86Nnys">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-nm2hGo">${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-page4-Qp0D9I">${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-page4-LZFvS1">${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-page4-Zwf0Ta">${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-page4-lj17wt"> <!-- 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-page4-8ds6dj"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page4-t9HJUj"> <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-page4-5iCgAZ"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-NFjjma"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-5ISsFv"> ${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-page4-BzUjp1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-pYP2Tg">${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-page4-mM2Kb1"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-e5HfG9">${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-page4-I8hq2w"> <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-page4-38TreD"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-aWqPsJ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-f0Cgxb"> ${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-page4-R9Y4Sv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-GBFhEY">${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-page4-SKN9bh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-foSu3q">${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-page4-Jmb5ZY"> <span class="sr-only" data-ph-id="ph-page-element-page4-jcW0s4">${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-page4-U3CHjP"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-TWjmb6">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-sKwJsT">${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-page4-bu2bgM">${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-page4-yGTOHq">${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-page4-7KP0an">${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-page4-wLTi1J"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-gYeLAJ">${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-page4-TmtuOq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-zgpdHY"> ${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-page4-JzRpfn"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-fW8R5Q">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-WObmsr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-XGnNab">${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-page4-lGy9cK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-oHPD4b">${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-page4-s8zGde"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-PZR1Xu">${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-page4-00CXmc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-iA49qe">${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-page4-se9JfE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-Zp2Sfo">${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-page4-eYliOa"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-k761Wg"> ${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-page4-HzlPP6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-c6mjPn">${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-page4-63MNtq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-ggH65F"> ${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-page4-X4CPBk"> <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-page4-67wsTP"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-similar-jobs-v2-default-kws3ae-x5bd9s" 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="3e2GfC-nB2vT9" data-ph-id="ph-page-element-page4-a8gzFM"> <span data-ph-id="ph-page-element-page4-iYn8tB"> ${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-page4-THCibj"></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-page4-5jJdNZ"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page4-k3LdxY"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page4-M1yxLC"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-EFN2g2">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page4-Oif36H">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-BHs5Pr"></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-page4-QBWtOv">${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-page4-PArEOy">${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-page4-5SikVF">${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-page4-3LsNW5">${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-page4-6IATo7">${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-page4-8F9mi5"> <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-page4-6Tj9hu"> <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-kws3ae-KCFidV" 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="3e2GfC-84ZGDE" data-ph-id="ph-page-element-page4-4vlgET"> <span data-ph-id="ph-page-element-page4-v3N7e3"> ${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-page4-oNIkYG"></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-page4-x8GBqb"> <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-page4-ouiqib"> ${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-page4-zAir0t"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page4-rT8Xk0"> <span data-ph-id="ph-page-element-page4-ezLqaV"> <span class="sr-only" data-ph-id="ph-page-element-page4-cNpcse"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page4-SyT1OW">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page4-yoWs2V">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-yaeFVg">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-w3j9QR">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page4-rzzNq5">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page4-5wluj2">${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-page4-AgfRXO"></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-page4-JB95Oq"> <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-page4-kt4GlJ"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page4-WTHkMq"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page4-P8F45F"></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-page4-vcMJdx"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-3NP3i4"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-ANxaUy"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-zyziPQ">${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-page4-JaDzBw"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page4-tzKoFQ"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page4-7fcbAe"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-ZkNJsI"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page4-Ula5rY"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page4-fyIlAU">${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-page4-23oCd5"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page4-INXK3c"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page4-J4rSbg"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-jQO4cd"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page4-oKS7QV"> <ppc-content key="ph-similar-jobs-v2-default-kws3ae-KUZN5F" data-ph-at-id="share-job-button-text" instance-id="3e2GfC-EN23y5" data-ph-id="ph-page-element-page4-JaPAAT"> Share Job button </ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-8Sn31t"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page4-HQl8Av"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default" data-widget="ph-social-share-v3" view="6ty93l-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page4-AzPdg7"></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-page4-HV215M"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page4-oLnBkH"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page4-iDWuh0"> <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-page4-4wpp8e" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page4-O6W43V"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-4PMAiX"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-NmPsmG"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-QAJIm0">${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-page4-i2yUXb"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-JXAIfK"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-9XYjUe"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-Bqh10Z">${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-page4-xjLr10"> <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-page4-mqY3o9"> <span class="sr-only" data-ph-id="ph-page-element-page4-zcJx9c">${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-page4-1e4g4R"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page4-8uxgU3"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> <span aria-live="polite" id="jobCountSrOnly" aria-atomic="true" data-ph-id="ph-page-element-page4-16a2n8"> <span class="sr-only" if.bind="jobAdded" data-ph-id="ph-page-element-page4-ENfW9e"> ${jobCartCount} Saved Jobs </span> <span class="sr-only" if.bind="jobRemoved" data-ph-id="ph-page-element-page4-FqrEyb"> ${jobCartCount} Saved Jobs </span> </span> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-7TQ1FS"> <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-page4-s7SYwq"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-9rEng6"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-U5TA4H"> <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-kws3ae-I1LXhW" instance-id="3e2GfC-YybQdF" data-ph-id="ph-page-element-page4-sed9dJ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-OECeNW"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-jRIYxV"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-similar-jobs-v2-default-kws3ae-bzD5Iy" key-aria-level="ph-similar-jobs-v2-default-kws3ae-bJl1db" instance-id="3e2GfC-v2Nrhr" data-ph-id="ph-page-element-page4-MsRCTd"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-btKRuz"> <div class="job-location-count" data-ph-id="ph-page-element-page4-L6gBG4"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-6Xa2WF"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page4-iY9Uin"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page4-rgFAnI"> <span data-ph-id="ph-page-element-page4-8tvivd"> <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-page4-DEnmhQ"></i> </span> <span data-ph-id="ph-page-element-page4-Uu5ExL"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page4-k0eZOG"> <span class="sr-only" data-ph-id="ph-page-element-page4-mhxldB">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-vRI5eF"></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-page4-MFPfJr">${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-page4-Fps39C">${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-page4-xyBTMY">${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-page4-BiUmXW">${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-page4-h6BkX8"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-NZNcmt"> <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-page4-vRZZz2"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-0NfsPf"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-uGxKzN"> <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-kws3ae-lZWyVq" instance-id="3e2GfC-xi4nfh" data-ph-id="ph-page-element-page4-nKcWSj"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-pWyHuJ"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-tEvkTu"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-similar-jobs-v2-default-kws3ae-2IgvBw" key-aria-level="ph-similar-jobs-v2-default-kws3ae-nemdyR" instance-id="3e2GfC-Sbcrnk" data-ph-id="ph-page-element-page4-EWjhOh"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-hAeQRx"> <div class="job-location-count" data-ph-id="ph-page-element-page4-vq0Rnd"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-Xn6RKn"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page4-f1dfZC"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page4-0EjQBe"> <span data-ph-id="ph-page-element-page4-nrfRX7"> <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-page4-fcnUPQ"></i> </span> <span data-ph-id="ph-page-element-page4-4FW7Lh"> ${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-page4-dVxUGo"> <div aria-atomic="true" aria-live="assertive" instance-id="WIc088" data-ph-id="ph-page-element-page4-d7o8Pn"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-similar-jobs-v2-default-kws3ae-XUVvfz" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-similar-jobs-v2-default-kws3ae-RfkMLT" data-ph-at-id="seemore-link" role="button" key-role="ph-similar-jobs-v2-default-kws3ae-eqzQMj" instance-id="WIc088-bBFLXq" data-ph-id="ph-page-element-page4-yWo5qH"> <!-- <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-page4-faf6jo"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-b9dp4g"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-similar-jobs-v2-default-kws3ae-h9FJvc" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-similar-jobs-v2-default-kws3ae-rsZQNy" data-ph-at-id="seeless-link" role="button" key-role="ph-similar-jobs-v2-default-kws3ae-dbbqQn" instance-id="WIc088-ImcO6g" data-ph-id="ph-page-element-page4-ASwYIe"> <!-- <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-page4-VEpr4C"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-FR51Dn"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-similar-jobs-v2-default-kws3ae-5OdQQ2" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-similar-jobs-v2-default-kws3ae-5uhfJJ" data-ph-at-id="seenext-link" role="button" key-role="ph-similar-jobs-v2-default-kws3ae-MXZ9L7" instance-id="WIc088-TH5moZ" data-ph-id="ph-page-element-page4-DdoUdO"> <!-- <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-page4-dGv277"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-PgfiNB"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-similar-jobs-v2-default-kws3ae-WMiwV3" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-similar-jobs-v2-default-kws3ae-x0O8fe" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-similar-jobs-v2-default-kws3ae-Shm730" instance-id="WIc088-ytiF9v" data-ph-id="ph-page-element-page4-b9IR3u"> <!-- <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-page4-zgTee2"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-DREgxM"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page4-NV7oP4"> <p data-ph-id="ph-page-element-page4-KB5aNE"> <ppc-content key="ph-similar-jobs-v2-default-kws3ae-23DaCw" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-l4s4ma"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1gd0h6-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-page4-DA17Zb"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page4-Qm1adU"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page4-0AaOIu"> <div class="modal-content" data-ph-id="ph-page-element-page4-K0APdR"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-W9fQbU"> <!--<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-page4-tgV8Fq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-kKrgrR"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-cWHGYQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AKwBGq" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page4-0GhSkK"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page4-EssFo1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-mGGg48" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page4-qrI3vW"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page4-vvdHgU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DO0PSs" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page4-C7nugm"> 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-page4-P4qzpo"> <div class="content-block" data-ph-id="ph-page-element-page4-7sMekF"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page4-FTgO8V"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-cICidO"> <label for="name" data-ph-id="ph-page-element-page4-w2lmqU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-lAGCpb" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page4-JUMNIK"> 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-wjaLxy" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-vBokZs" data-ph-at-id="name-input" data-ph-id="ph-page-element-page4-Lgu5pC"> <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-page4-gBDYyP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-yfK7aN" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page4-2u2JKE"> 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-page4-cDROh1"> <label for="email" data-ph-id="ph-page-element-page4-iEbQwG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Psysud" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-SBmQ5r"> 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-KF1yE5" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page4-QSNvDV"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page4-VDQ3j4"> <span class="sr-only" data-ph-id="ph-page-element-page4-cE5itX">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page4-yIxAwc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zrnk2X" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page4-hpOcpx"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page4-idZZrq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3v09n5" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page4-HHzIVF"> Please enter valid Email </ppc-content> </span> </span> </input> </div> <div class="form-group" data-ph-id="ph-page-element-page4-94cw9p"> <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-page4-5sSGXy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pZ1ige" data-ph-at-id="send-text" data-ph-id="ph-page-element-page4-Ddfpqu"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page4-nz0aZq"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-yapAr0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OKAUms" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page4-TMKEup"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-yhFn9L"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-wQbHQM" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page4-a4WHiC"> 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-page4-vE6Azu"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page4-xKtg1i"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-GeUwdL"> <i class="icon icon-check" data-ph-id="ph-page-element-page4-BGcfiB"></i> <h3 data-ph-id="ph-page-element-page4-0fGMgX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-XwIeHT" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page4-uk87T0"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-7ibtPY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9LxlhI" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page4-UCgAwP"> 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-page4-z3tgAn"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-cXLlrR"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-OGSbKk"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page4-F03gTK"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page4-jkSY3Q"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page4-bKzPXA"></i> <h3 data-ph-id="ph-page-element-page4-mL6tzv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OTsLZx" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page4-ASGJmg"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-vourun"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8jiLsb" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page4-1sY0NH"> 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-page4-az2Ic1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-K4Zz74"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-6ty93l-default"> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-Mz6VR3"> <div class="widget-container" data-ph-id="ph-page-element-page4-8gEkIC"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page4-PNI2Xc"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-nNNXSx" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-Pg2Ber" data-ph-id="ph-page-element-page4-SJAdo4"> <ppc-content key="ph-social-share-v3-default-6ty93l-snZYjV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-hf04bJ"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-vZQqRF"> <ppc-content key="ph-social-share-v3-default-6ty93l-9hLQhi" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-KekA3D"> 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-page4-gx7dnN"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page4-G9uIno"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page4-uZdoow"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page4-6ByLy0"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page4-QMxPEx"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-NW2Z0O"> <span data-ph-id="ph-page-element-page4-l2Glkz">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page4-5wCGGY"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1gd0h6-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-page4-EaENHf"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page4-0x0r21"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-ZBkhn1"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-SDemuf"> <div class="head-wrapper" data-ph-id="ph-page-element-page4-IZuaYy"> <h3 class="head-text" data-ph-id="ph-page-element-page4-zcshMS"> <ppc-content key="ph-social-share-v3-default-6ty93l-t9A81q" data-ph-id="ph-page-element-page4-nfE2gb">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-SkkE3j" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-Nz6BKl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-1Q9QXg"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page4-Q1To0n"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page4-gJBjoQ"> <p class="message-text" data-ph-id="ph-page-element-page4-4GVjDm"> <ppc-content key="ph-social-share-v3-default-6ty93l-aoWbmB" data-ph-id="ph-page-element-page4-OTtsDV">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page4-Os416R"> <ppc-content key="ph-social-share-v3-default-6ty93l-rrjPiJ" data-ph-id="ph-page-element-page4-6kJ1uK">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page4-OmNTMM" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page4-SNNGjK"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-029Y6O"> <ppc-content key="ph-social-share-v3-default-6ty93l-LCjLbf" data-ph-id="ph-page-element-page4-NVbtqf">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page4-tXeuwr"> <ppc-content key="ph-social-share-v3-default-6ty93l-d22sD2" data-ph-id="ph-page-element-page4-2KROCm">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-people-also-viewed-v2-oj2kt4-default"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page4-L4ty2b"></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-oj2kt4-7jVnlJ" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page4-jw1nLE"> <div class="widget-container" data-ph-id="ph-page-element-page4-sBmG6T"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-KFlJ89"> <h2 data-ph-id="ph-page-element-page4-axTA19"> <ppc-content key="ph-people-also-viewed-v2-default-oj2kt4-7jVnlJ" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page4-AGyk03">Jobseekers Also Viewed</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page4-krO8e4"> <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-page4-8ojRAC"> <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-page4-FGD2FG"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="QKMMfl" data-ph-id="ph-page-element-page4-a0nYIm"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-N84ekH"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-v7Tzeb"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page4-cmHGSo" /> </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-page4-nNCYoK"> <div class="information" data-ph-id="ph-page-element-page4-3bYvoY"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page4-FGQSAv"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page4-t7rVEq"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page4-NOBNBX"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page4-B9Jrfw" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page4-xW1Z9R"> <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-page4-A3kXDD"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-Xfp9La"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-vwDhHB"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-LCbvoZ">${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-page4-xhwOZ8"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page4-rNR2By"> ${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-page4-7jpJHE"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-2Plgbr"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-sKdPfJ">${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-oj2kt4-aFphLu" aria-level="3" key-aria-level="ph-people-also-viewed-v2-default-oj2kt4-sc7zLR" instance-id="QKMMfl-BLdrjI" data-ph-id="ph-page-element-page4-jYEgYV"> <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-page4-cWnQu7"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page4-ifWQSv"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-3txKMw">${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-page4-Gu8O8O"></i> <span data-ph-id="ph-page-element-page4-f0gn5j">${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-page4-WN2PB6"> <!-- 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-page4-4J9Xpe"> <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-page4-DFzvhf"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-uTQwxL">${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-page4-Z6KFtm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-noyUHt">${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-page4-P0Nrmz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-dv1oqQ">${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-page4-Gy6xSr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-zGxkKE">${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-page4-brum8e"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-JLdl77">${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-page4-j0l3dL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-QQ9keL"> ${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-page4-Q6UKvp"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-cPC7Er">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-qvknOl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-CBt0v2">${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-page4-Mh5F4O"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-v2UgAa">${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-page4-OkfeFX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-C6FvhM">${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-page4-5yJJj5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-oFtJqn">${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-page4-UpPrk5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-kiQUju">${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-page4-3B94rO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-ZkahJW"> ${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-page4-24YziE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-vbXbcn">${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-page4-QOrxii"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-FpwjG3"> ${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-page4-i69DiR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-2Nvsb2">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-Mkj8sq">${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-page4-g4lK9Q"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-Sw6FsW">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-Cv5qyT">${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-page4-hNFzCU">${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-page4-ZqabB7">${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-page4-I7wa1W">${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-page4-tkPOKD"> <!-- 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-page4-g9sGA6"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page4-5GAC48"> <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-page4-hr9mnV"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-ijWUSb"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-r0H561"> ${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-page4-556fL0"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-GLGBC1">${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-page4-6sCa5u"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-fOgF0y">${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-page4-yYESG2"> <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-page4-WOBOj8"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-0XOTz0"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page4-hKzQux"> ${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-page4-KKPNeq"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-NwVBKT">${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-page4-L15uKK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-VrJmTH">${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-page4-eDV80Z"> <span class="sr-only" data-ph-id="ph-page-element-page4-8PzzGS">${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-page4-dCTw5A"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page4-zjuTn8">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page4-WUqrAh">${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-page4-ja5MAd">${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-page4-CA1FqH">${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-page4-IbpmDX">${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-page4-N2bVbS"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-WnwGC1">${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-page4-bHHTdH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-lEvQxw"> ${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-page4-EMo75p"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page4-wRmu4y">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page4-Z6wn3E"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-oxjJLF">${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-page4-cA3ako"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-Y5GhsD">${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-page4-gfF6bR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-RaAi54">${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-page4-7Ok1VH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-JQfooq">${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-page4-rSYpQY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-cZbzY9">${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-page4-EJrDum"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-eVwGV9"> ${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-page4-CxgsSj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-rosIdK">${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-page4-1kIV8H"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page4-PVw907"> ${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-page4-GXfP9A"> <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-page4-IxAnoI"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-people-also-viewed-v2-default-oj2kt4-zu8LvF" 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="QKMMfl-lAv8X4" data-ph-id="ph-page-element-page4-50Mw2P"> <span data-ph-id="ph-page-element-page4-5AVLSm"> ${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-page4-TthwiC"></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-page4-Oxp9qP"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page4-T4eVjo"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page4-aZg4qU"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page4-rrxWzF">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page4-MJwKoM">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-tkYzwT"></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-page4-CoriDI">${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-page4-gUnaWC">${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-page4-ALasAE">${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-page4-fPbkuN">${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-page4-IB6RZ9">${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-page4-ggvdtl"> <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-page4-0RXfDH"> <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-oj2kt4-ONEUtl" 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="QKMMfl-2efpEr" data-ph-id="ph-page-element-page4-WIGkUG"> <span data-ph-id="ph-page-element-page4-KRs5r3"> ${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-page4-KuA5jX"></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-page4-5sVruJ"> <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-page4-bqjnJR"> ${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-page4-6ciltC"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page4-GJ1bio"> <span data-ph-id="ph-page-element-page4-4stJZ0"> <span class="sr-only" data-ph-id="ph-page-element-page4-ogA1KY"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page4-0aQf0w">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page4-1VBMq3">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-XK1sZ1">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page4-334pmC">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page4-HrV94l">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page4-zLlQoC">${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-page4-mYWaMa"></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-page4-5uV1kH"> <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-page4-I2EJ5Z"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page4-KLgER5"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page4-DHRvMh"></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-page4-MeTvau"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page4-SYJDut"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-V37Z0x"></i> <span class="tag-label" data-ph-id="ph-page-element-page4-BIIljY">${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-page4-BsSstI"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page4-Hfkjs7"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page4-d4b5m0"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-Wrku5J"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page4-WPz5Bi"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page4-RstDr8">${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-page4-gmL53A"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page4-12K3pV"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page4-VPvuSt"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-VJv1Lc"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page4-0aw3GO"> <ppc-content key="ph-people-also-viewed-v2-default-oj2kt4-fQm6SA" data-ph-at-id="share-job-button-text" instance-id="QKMMfl-wFt7eT" data-ph-id="ph-page-element-page4-KlBAM1"> Share Job button </ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page4-JCOMge"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page4-Q67cIJ"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default" data-widget="ph-social-share-v3" view="6ty93l-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page4-tdV6nO"></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-page4-MKKsHB"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page4-rS8fKe"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page4-I5LXlO"> <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-page4-W34qlt" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page4-JyAy3m"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-PyiTJg"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-YrEnUM"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-WTDnZH">${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-page4-70ZjiN"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page4-UQIJ15"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page4-hTv9j6"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page4-XoxzX3">${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-page4-F7Cbn0"> <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-page4-gO4Das"> <span class="sr-only" data-ph-id="ph-page-element-page4-UPXQk3">${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-page4-BxRCVS"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page4-bVVu5G"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> <span aria-live="polite" id="jobCountSrOnly" aria-atomic="true" data-ph-id="ph-page-element-page4-NfXPRg"> <span class="sr-only" if.bind="jobAdded" data-ph-id="ph-page-element-page4-fzy4xE"> ${jobCartCount} Saved Jobs </span> <span class="sr-only" if.bind="jobRemoved" data-ph-id="ph-page-element-page4-ULKYDY"> ${jobCartCount} Saved Jobs </span> </span> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-S7ZJ4D"> <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-page4-GJoCLB"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-WaAdCL"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-o4BcgN"> <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-oj2kt4-2uPzOw" instance-id="QKMMfl-FqFgqn" data-ph-id="ph-page-element-page4-rSCIbZ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-BNNr2E"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-NLWtqq"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-people-also-viewed-v2-default-oj2kt4-OwDDMp" key-aria-level="ph-people-also-viewed-v2-default-oj2kt4-BIY5TF" instance-id="QKMMfl-j4ivRd" data-ph-id="ph-page-element-page4-s2xHYk"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-qijNbz"> <div class="job-location-count" data-ph-id="ph-page-element-page4-96nKuL"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-9PDiyc"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page4-la8CGM"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page4-4EThAH"> <span data-ph-id="ph-page-element-page4-MUFHov"> <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-page4-bYUiz3"></i> </span> <span data-ph-id="ph-page-element-page4-XcsGBt"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page4-Up9W8A"> <span class="sr-only" data-ph-id="ph-page-element-page4-OgHVey">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page4-2CwVQT"></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-page4-KvAo6S">${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-page4-jHv0S7">${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-page4-GmsVeT">${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-page4-9KIEXt">${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-page4-V6kqYR"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page4-b8E4p6"> <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-page4-3Ag0kQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page4-MRMJHh"> <div class="popup-content-block" data-ph-id="ph-page-element-page4-ojVtT1"> <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-oj2kt4-xpiAJ4" instance-id="QKMMfl-K1Mpde" data-ph-id="ph-page-element-page4-PWDCLp"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-oKrB3A"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page4-BC1sm1"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-people-also-viewed-v2-default-oj2kt4-WInBG9" key-aria-level="ph-people-also-viewed-v2-default-oj2kt4-BtGjLl" instance-id="QKMMfl-MMzXJb" data-ph-id="ph-page-element-page4-WtaNkv"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page4-HQ1z3K"> <div class="job-location-count" data-ph-id="ph-page-element-page4-nR4jln"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page4-y3G2xv"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page4-R3Ac1n"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page4-HtA9ji"> <span data-ph-id="ph-page-element-page4-L9c4x4"> <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-page4-bzlKgj"></i> </span> <span data-ph-id="ph-page-element-page4-IYR6Xp"> ${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-page4-A6SSw1"> <div aria-atomic="true" aria-live="assertive" instance-id="2DO403" data-ph-id="ph-page-element-page4-7AdrRz"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-oj2kt4-nK1GbO" 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-oj2kt4-fqXXTB" data-ph-at-id="seemore-link" role="button" key-role="ph-people-also-viewed-v2-default-oj2kt4-ehh6QC" instance-id="2DO403-yN0yLv" data-ph-id="ph-page-element-page4-sqtMMK"> <!-- <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-page4-kpGioa"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-uhE3Ek"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-oj2kt4-qao8Zb" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-people-also-viewed-v2-default-oj2kt4-5RJPsS" data-ph-at-id="seeless-link" role="button" key-role="ph-people-also-viewed-v2-default-oj2kt4-qAMvny" instance-id="2DO403-r2gLyJ" data-ph-id="ph-page-element-page4-Qj3uil"> <!-- <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-page4-7FffeE"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-NvEcTb"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-oj2kt4-89UEbU" 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-oj2kt4-iOElxf" data-ph-at-id="seenext-link" role="button" key-role="ph-people-also-viewed-v2-default-oj2kt4-fgBx0E" instance-id="2DO403-ZnNGvB" data-ph-id="ph-page-element-page4-eYQ4Dt"> <!-- <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-page4-A2h1In"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-RVyJg8"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-people-also-viewed-v2-default-oj2kt4-VPpgog" 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-oj2kt4-xXzn6w" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-people-also-viewed-v2-default-oj2kt4-K5P4ok" instance-id="2DO403-1eYQp6" data-ph-id="ph-page-element-page4-FRWtac"> <!-- <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-page4-Tr1kqc"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page4-GeGLlt"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page4-4NH7SK"> <p data-ph-id="ph-page-element-page4-APlXqY"> <ppc-content key="ph-people-also-viewed-v2-default-oj2kt4-RY8Isu" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page4-a1Oh5y"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1gd0h6-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-page4-DA17Zb"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page4-Qm1adU"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page4-0AaOIu"> <div class="modal-content" data-ph-id="ph-page-element-page4-K0APdR"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page4-W9fQbU"> <!--<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-page4-tgV8Fq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-kKrgrR"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-cWHGYQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-AKwBGq" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page4-0GhSkK"> Close the popup </ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page4-EssFo1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-mGGg48" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page4-qrI3vW"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page4-vvdHgU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DO0PSs" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page4-C7nugm"> 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-page4-P4qzpo"> <div class="content-block" data-ph-id="ph-page-element-page4-7sMekF"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page4-FTgO8V"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page4-cICidO"> <label for="name" data-ph-id="ph-page-element-page4-w2lmqU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-lAGCpb" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page4-JUMNIK"> 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-wjaLxy" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-vBokZs" data-ph-at-id="name-input" data-ph-id="ph-page-element-page4-Lgu5pC"> <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-page4-gBDYyP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-yfK7aN" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page4-2u2JKE"> 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-page4-cDROh1"> <label for="email" data-ph-id="ph-page-element-page4-iEbQwG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Psysud" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page4-SBmQ5r"> 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-KF1yE5" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-page-element-page4-QSNvDV"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-page-element-page4-VDQ3j4"> <span class="sr-only" data-ph-id="ph-page-element-page4-cE5itX">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page4-yIxAwc"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zrnk2X" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page4-hpOcpx"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page4-idZZrq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-3v09n5" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page4-HHzIVF"> Please enter valid Email </ppc-content> </span> </span> </input> </div> <div class="form-group" data-ph-id="ph-page-element-page4-94cw9p"> <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-page4-5sSGXy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pZ1ige" data-ph-at-id="send-text" data-ph-id="ph-page-element-page4-Ddfpqu"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page4-nz0aZq"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page4-yapAr0"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OKAUms" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page4-TMKEup"> Email has successfully sent </ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-yhFn9L"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-wQbHQM" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page4-a4WHiC"> 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-page4-vE6Azu"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page4-xKtg1i"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page4-GeUwdL"> <i class="icon icon-check" data-ph-id="ph-page-element-page4-BGcfiB"></i> <h3 data-ph-id="ph-page-element-page4-0fGMgX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-XwIeHT" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page4-uk87T0"> Success! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-7ibtPY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9LxlhI" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page4-UCgAwP"> 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-page4-z3tgAn"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-cXLlrR"> Ok </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page4-OGSbKk"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page4-F03gTK"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page4-jkSY3Q"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page4-bKzPXA"></i> <h3 data-ph-id="ph-page-element-page4-mL6tzv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OTsLZx" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page4-ASGJmg"> Failure! </ppc-content> </h3> <p data-ph-id="ph-page-element-page4-vourun"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-8jiLsb" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page4-1sY0NH"> 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-page4-az2Ic1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-diS8uq" data-ph-id="ph-page-element-page4-K4Zz74"> Ok </ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-zs0m9s-default"> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page4-KO2Eon"> <div class="widget-container" data-ph-id="ph-page-element-page4-JpjXI6"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page4-eWAr5Y"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-zs0m9s-232g18" aria-level="2" key-aria-level="ph-social-share-v3-default-zs0m9s-2kgdJu" data-ph-id="ph-page-element-page4-CGnOU7"> <ppc-content key="ph-social-share-v3-default-zs0m9s-A1fSBH" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page4-QLJW1n"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page4-Vjmb1A"> <ppc-content key="ph-social-share-v3-default-zs0m9s-rnOLxS" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page4-O5bk6K"> 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-page4-ZVLLWm"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page4-92QNJZ"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page4-l99cpE"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page4-7dn8PS"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page4-KxRJKk"></i> <span class="sr-only" data-ph-id="ph-page-element-page4-aVPdHd"> <span data-ph-id="ph-page-element-page4-sipQ6R">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page4-ut3ids"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1gd0h6-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-page4-H0zVmU"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-page-element-page4-0VQKeB"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-t4NqAO"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page4-938mhV"> <div class="head-wrapper" data-ph-id="ph-page-element-page4-ABFutI"> <h3 class="head-text" data-ph-id="ph-page-element-page4-YuHVSD"> <ppc-content key="ph-social-share-v3-default-zs0m9s-3eoxkL" data-ph-id="ph-page-element-page4-3BqAYg"> Share job link </ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-zs0m9s-djtGsj" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-uNPx21"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page4-mHrGQE"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-page-element-page4-AP3y7d"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page4-PCHAQp"> <p class="message-text" data-ph-id="ph-page-element-page4-HxnSZi"> <ppc-content key="ph-social-share-v3-default-zs0m9s-7KqMHC" data-ph-id="ph-page-element-page4-JIVbmm"> Link copied successfully </ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-page-element-page4-KSvGzJ"> <ppc-content key="ph-social-share-v3-default-zs0m9s-Ifw4aA" data-ph-id="ph-page-element-page4-jJoYyo"> To your colleagues or friends </ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page4-I0kQ7T" /> </div> <div class="button-wrapper" data-ph-id="ph-page-element-page4-56skDr"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page4-KTHlMh"> <ppc-content key="ph-social-share-v3-default-zs0m9s-uQ0qZd" data-ph-id="ph-page-element-page4-Cc5pmB"> Cancel </ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-page-element-page4-d88oIe"> <ppc-content key="ph-social-share-v3-default-zs0m9s-jZLwKa" data-ph-id="ph-page-element-page4-zvcdGl"> 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><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript"> phApp.pageId = "page4";</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","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-category-overview-v3-view8":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-container-v1-default":{"resumeResetDropDownText":"Reset","contactDetailsAreaCancelBtnText":"Cancel","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeLocationSuggestionAriaLabel":"Job Location suggestions","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","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","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeSkillSetNoResults":"No results found","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit profile","resumeShowingText":"Showing","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeRemoveText":"Remove","resumeNewResumeDropDownAriaLabel":"Upload new file","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","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","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"View profile","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","closePopUpButtonIcon":"icon icon-cancel","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://www.chop.edu/pages/privacy-policy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://www.chop.edu/pages/terms-use","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","facebook":"Sign in with Facebook","google-sign":"Sign in with Google","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInPopUpSubHeading":"","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.chop.edu/pages/privacy-policy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","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://www.chop.edu/pages/terms-use","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-email-job-v1-simple-form":{"sendEmailButtonText":"Submit"},"ph-subscribe-similarjobs-v1-default":{"activateBtnText":"Activate","jobIdConnectingText":"Job Id is"},"ph-find-your-fit-container-v1-popupview1":{"resumeResetDropDownText":"Reset","contactDetailsAreaCancelBtnText":"Cancel","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","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","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeStepsSubmitText":"Submit","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","resumeJobTitlePlural":"Job titles","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}} {{userLastName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeSkillSetNoResults":"No results found","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","resumeLocationNoResultsText":"No results found","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit profile","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeShowingText":"Showing","resumeRemoveText":"Remove","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeNewResumeDropDownAriaLabel":"Upload new file","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-7","clusterText":"cluster","clusterLocationText":"locations","locationTitleText":"Search Location","pinLink":"{{locationUrl}}","locBtnText":"Explore Location","location":"{{location}}","pinInfoTitle":"{{key}}","markerText":"location","searchPlaceHolderText":"Search Location"},"ph-similar-jobs-v2-default":{"locationText":"location","applyNowText":"Apply Now","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","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 available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-profile-recommendations-v2-default":{"locationText":"location","applyNowText":"View Job","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-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","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","yourSkillsMessage":"Your 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 available in {{categoryCount}} categories","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","title":"Title","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","dateCreated":"Date Created","seeMultipleCatBtn":"See all","educationLevel":"Education","experienceRequired":"Experience Required","multiCategoryText":"Job available in {{multicategoryValue}} categories.","department":"Department","jobUpdatedDate":" Updated date","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 ","isRemote":"Remote","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"See all","reqId":"Req ID","closeDate":"Close date","jobId":"Job Id","jobLocationCount":"This job is available in {{locationCount}} locations","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","instagram":"Share via Instagram","linkedin":"Share via LinkedIn","google-plusTitle":"Share via google plus","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","vkTitle":"Share via vk","google-plus":"Share via google plus","whatsappAriaaLabel":"Share via whatsapp","instagramTitle":"Share via Instagram","emailTitle":"Share via email","vkAriaLabel":"Share via vk","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-subscribe-similarjobs-v1-view3":{"activateBtnText":"Submit","jobIdConnectingText":"Job Id is"},"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":"Available in {{categoryCount}} categories","seeMoreText":"See more","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","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"}} </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-MZ66M7P');</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/tenantcss/main-1729575964250.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/tenantcss/color-css-1729575965038.css" id="colorCss" /></head> <body class="job-page job" data-ph-id="ph-page-element-page4-8IWe2Q" style="visibility: hidden;"><noscript snippet_id="GTM-BODY-143"><iframe title="" src="https://www.googletagmanager.com/ns.html?id=GTM-MZ66M7P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="ph-header" data-ph-id="ph-page-element-page4-9Jmo9f"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="SICi6Zpo"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page4-EaUGVM"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page4-oWwVDA"> <div class="phs-job-details-area" data-ph-id="ph-page-element-page4-woPpY4"> <div class="jd-banner" data-ph-id="ph-page-element-page4-Z5VQQa"> <div class="job-banner-image" data-ph-id="ph-page-element-page4-97vX23"> <section class="ph-widget banner-block" type="static" role="main" view="cdqut4-jd-banner" instance-id="cdqut4" original-view="jd-banner" data-ph-id="ph-page-element-page4-pciS0D"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="cdqut4-jd-banner" original-view="jd-banner" type="static" instance-id="cdqut4" theme="default" class="ph-widget-target jd-banner-default" data-ph-id="ph-page-element-page4-LpbRLP"> <div class="ph-widget-box" data-ph-at-id="banner-block" data-ph-id="ph-page-element-page4-iP2brY"> <figure data-ph-id="ph-page-element-page4-tJx7k4"> <ppc-content type="image" data-ph-id="ph-page-element-page4-TjUGRp"><img alt="CHOPjob" key-alt="ph-html-v1-jd-banner-cdqut4-suSOfe" class="img-responsive ph-image" data-ph-at-id="banner-image" data-ph-id="ph-page-element-page4-cqJK4Y" key-src="ph-html-v1-jd-banner-cdqut4-6XIBTA" src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/images/CHOPjob-1656709482625.png" /></ppc-content> </figure> </div> </div> </section> </div> <div class="job-header-block" ph-page-state="exists" ph-sticky="" data-ph-id="ph-page-element-page4-Pw6a5z"> <section class="ph-widget" data-tmpl-type="inline" instance-id="gx2pvr" view="gx2pvr-job-header" original-view="job-header" data-ph-id="ph-page-element-page4-Si6P4F"> <div class="ph-job-details-v1-job-header-default ph-widget-target" view="gx2pvr-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="gx2pvr" original-view="job-header" data-ph-id="ph-page-element-page4-xcXjyP"></div> </section> </div> </div> <!-- Expired job page state --> <div ph-page-state="expired" class="hide job-expired-view" data-ph-id="ph-page-element-page4-cFF1ND"> <section class="ph-widget" view="sgg1hd-job-expire-view" type="static" instance-id="sgg1hd" original-view="job-expire-view" data-ph-id="ph-page-element-page4-yjGbnQ"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="sgg1hd-job-expire-view" original-view="job-expire-view" type="static" instance-id="sgg1hd" theme="default" class="ph-widget-target job-expire-view-default" data-ph-id="ph-page-element-page4-2kTe8e"> <div class="expire-job-view" data-ph-at-id="job-expire-block" data-ph-id="ph-page-element-page4-02fn4h"> <div class="container" data-ph-id="ph-page-element-page4-Qm9KYw"> <figure data-ph-id="ph-page-element-page4-r8GDcb"> <ppc-content type="image" data-ph-id="ph-page-element-page4-iIAR66"> <img alt="Job compeltion image" class="img-responsive" key-alt="ph-html-v1-job-expire-view-sgg1hd-UB7R9d" data-ph-at-id="job-expire-image" data-ph-id="ph-page-element-page4-oYwFvt" key-src="ph-html-v1-job-expire-view-sgg1hd-plu16O" src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/images/v-1674462132114-expire_job.png" /> </ppc-content> </figure> <h2 data-ph-id="ph-page-element-page4-Z2wwI9"> <ppc-content key="ph-html-v1-job-expire-view-sgg1hd-5iQwyv" data-ph-at-id="job-completion-info" data-ph-id="ph-page-element-page4-l9a5ap"> We're sorry… the job you are trying to apply for has been filled. </ppc-content> </h2> <p data-ph-id="ph-page-element-page4-5X4UtW"> <ppc-content key="ph-html-v1-job-expire-view-sgg1hd-75dDmc" data-ph-at-id="job-completion-suggestion-info" data-ph-id="ph-page-element-page4-laRt7M"> Maybe you would like to consider the Categories below : </ppc-content> </p> </div> </div> </div> </section> <!--category widget--> <section class="ph-widget" instance-id="5asiz6" view="5asiz6-view8" original-view="view8" data-ph-id="ph-page-element-page4-IRIZe9"> <div as-element="ph-category-overview-v3" class="ph-category-overview-v3-view8-theme2 ph-widget-target" theme="theme2" data-widget="ph-category-overview-v3" view="5asiz6-view8" cards-per-row="3" mode.bind="all" instance-id="5asiz6" original-view="view8" data-ph-id="ph-page-element-page4-qmMh3p"></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-page4-XPLOkq"> <div class="container" data-ph-id="ph-page-element-page4-YKltRW"> <div class="job-desc row" data-ph-id="ph-page-element-page4-1aNdtb"> <div class="col-lg-8 col-md-8 col-sm-12" data-ph-id="ph-page-element-page4-XSFFO2"> <section class="ph-widget" data-tmpl-type="inline" instance-id="aip7rn" view="aip7rn-job-nav" original-view="job-nav" data-ph-id="ph-page-element-page4-foBNNb"> <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="aip7rn-job-nav" instance-id="aip7rn" bulkcart.bind="true" original-view="job-nav" data-ph-id="ph-page-element-page4-vLVW3x"></div> </section> <!--email job--> <section class="ph-widget" instance-id="57oixp" view="57oixp-simple-form" original-view="simple-form" data-ph-id="ph-page-element-page4-2unjLu"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-simple-form-theme7 ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="jobDetail.jobSeqNo" view="57oixp-simple-form" category.bind="jobDetail.category" theme="theme7" instance-id="57oixp" original-view="simple-form" data-ph-id="ph-page-element-page4-SJfmZ8"></div> </section> </div> <div class="col-lg-4 col-md-4 col-sm-12" data-ph-id="ph-page-element-page4-9NYT0f"> <!--subscribe--> <section class="ph-widget" instance-id="wo2l1v" view="wo2l1v-view3" original-view="view3" data-ph-id="ph-page-element-page4-EsH0nY"> <div as-element="ph-subscribe-similarjobs-v1" class="ph-subscribe-similarjobs-v1-view3-default ph-widget-target" data-widget="ph-subscribe-similarjobs-v1" job-seq-no.bind="jobDetail.jobSeqNo" category.bind="jobDetail.category" view="view3-1639062968457" instance-id="wo2l1v" is-dialog.bind="true" original-view="view3" data-ph-id="ph-page-element-page4-iNgQyF"></div> </section> <!--similar jobs--> <!-- FYF --> <section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-popupview1" original-view="popupview1" data-ph-id="ph-page-element-page4-smo6m6"> <div class="ph-find-your-fit-container-v1-popupview1-default ph-widget-target" theme="default" as-element="ph-find-your-fit-container-v1" view="popupview1-1639062177109" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" original-view="popupview1" data-ph-id="ph-page-element-page4-tOdWzT"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="wnw95m" view="wnw95m-default" original-view="default" data-ph-id="ph-page-element-page4-Cfj9uL"> <div class="ph-profile-recommendations-v2-default-jd-theme15 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="jd-theme15" max-display-count="6" jobs-display-mode="seeMore" instance-id="wnw95m" job-actions="[]" view="wnw95m-default" original-view="default" data-ph-id="ph-page-element-page4-IjchOK"></div> </section> <section class="ph-widget" instance-id="kws3ae" view="kws3ae-default" original-view="default" data-ph-id="ph-page-element-page4-Uulkiu"> <div as-element="ph-similar-jobs-v2" class="ph-similar-jobs-v2-default-theme16 ph-widget-target" current-job-seq-no.bind="jobDetail.jobSeqNo" theme="theme16" data-widget="ph-similar-jobs-v2" instance-id="kws3ae" job-actions="[]" view="kws3ae-default" original-view="default" data-ph-id="ph-page-element-page4-e4oXpc"></div> </section> <!--people also viewed jobs--> <section class="ph-widget" instance-id="oj2kt4" view="oj2kt4-default" original-view="default" data-ph-id="ph-page-element-page4-K6btM9"> <div as-element="ph-people-also-viewed-v2" class="ph-people-also-viewed-v2-default-theme15 ph-widget-target" job-seq-no.bind="jobDetail.jobSeqNo" theme="theme15" data-widget="ph-people-also-viewed-v2" instance-id="oj2kt4" job-actions="[]" view="oj2kt4-default" original-view="default" data-ph-id="ph-page-element-page4-2eDSXh"></div> </section> <section class="ph-widget header-social-share" instance-id="zs0m9s" view="zs0m9s-default" original-view="default" data-ph-id="ph-page-element-page4-8zMVbZ"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-theme9 ph-widget-target" data-widget="ph-social-share-v3" hide-sub-title="true" current-job-obj.bind="jobDetail" theme="theme9" share-option="{"options":[{"name":"linkedin","order":2,"baseUrl":"http://www.linkedin.com/shareArticle?mini=true&url=","eventName":"Share_LinkedIn","settings":{"icon":"icon-linkedin","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":0,"baseUrl":"http://facebook.com/sharer.php?u=","eventName":"Share_Facebook","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":1,"baseUrl":"http://twitter.com/share?url=","eventName":"Share_Twitter","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":3,"baseUrl":"","eventName":"Share_Email","settings":{"icon":"icon-email-o","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"isInline":false}" instance-id="zs0m9s" view="zs0m9s-default" original-view="default" data-ph-id="ph-page-element-page4-i9SFVc"></div> </section> </div> </div> </div> </div> <!-- End job page state --> </div> <!--media card--> <!-- Glassdoor widget --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="Kgmg5O" data-ph-ft="nps" data-ph-id="ph-widget-element-1728898780955-aVWqSp"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page4-SA2phI"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="YuBLHSet"></pcs-widget> </div></div> <script src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/assets/scripts/1661407795038-custom.js" data-ph-id="ph-page-element-page4-ORsQqb" async=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js"></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js"></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1707803524427.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1703681730128.js" defer=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/CHOPUS/en_us/desktop/page4/caas-platform/page-views-1740096270362.js"></script></body> </html><div id='csrfToken' style='display:none'>c612728f98cd4dc6a0fe3152c3a37689</div>