CINXE.COM
<!DOCTYPE html> <html lang="fr" data-ph-id="ph-page-element-page9-U69MGT" class="desktop fr_fr external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page9-DpK6UM"> <meta property="og:image:height" content="200" /> <meta property="og:image:width" content="200" /> <meta property="fb:admins" content="" /> <meta property="og:description" content="home" /> <meta property="og:title" content="Careers at Bureau Veritas | Bureau Veritas jobs" /> <meta property="og:url" content="https://jobs.bureauveritas.com/fr/fr/home" /> <meta property="og:site_name" content="Bureau Veritas" /> <meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/social/1200x630-1683105284587.jpg" /> <meta property="og:type" content="website" /> <meta name="twitter:description" content="home" /> <meta name="twitter:title" content="Careers at Bureau Veritas | Bureau Veritas jobs" /> <meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/social/1024x512-1683105267875.jpg" /> <meta name="twitter:creator" content="@Careers - TemplateBigThree" /> <meta name="twitter:site" content="@TemplateBigThree" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta content="en" /> <meta charset="UTF-8" /> <meta name="keywords" content="Carrières chez Bureau Veritas, offres d’emploi chez Bureau Veritas, offres d’emploi, opportunités de carrière" key-keywords="default-home-keywords" /> <meta name="description" content="domicile" key-description="default-home-description" /> <meta name="layout" content="site-layout" data-ph-id="ph-page-element-page9-6ILKlw" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page9-MNafFM" /> <title data-ph-id="ph-page-element-page9-CzToqy" key="default-home-title">Carrières chez Bureau Veritas | Offres d’emploi Bureau Veritas</title> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page9-UhDhPF" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page9-CRy0iQ" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page9-lY8nzj" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page9-BikZm8" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page9-iyDyui" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page9-YY0tdL" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://jobs.bureauveritas.com/widgets","country":"fr","deviceType":"desktop","locale":"fr_fr","absUrl":true,"refNum":"BVYBVZGB","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://jobs.bureauveritas.com/fr/fr/","baseDomain":"https://jobs.bureauveritas.com","phenomTrackURL":"jobs.bureauveritas.com/fr/fr/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://jobs.bureauveritas.com","pageId":"page9"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"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}],"filePicker":{"onedrive":{"clientId":"1c186d04-d14a-424f-8132-0cae8c41435c","devkey":""},"dropbox":{"clientId":"7j4atpiepgcmy4j","devkey":""},"googledrive":{"clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.apps.googleusercontent.com","devkey":""}},"ignoreCovidWidgetPagesList":["chatbot"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","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"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"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-ir.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|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"glassdoor":{},"glassdoorReviews":{},"twitter":{},"refineSearch":{"enabledFacets":["category","country","state","city","hiringType","location","educationLevel","subject","workingPattern"],"facetDisplayNames":{"category":"Cat\u00E9gorie","country":"Pays","state":"R\u00E9gion / D\u00E9partement","city":"Ville","hiringType":"Type d\u2019embauche","location":"Localisation","educationLevel":"Niveau d\u2019\u00E9ducation","subject":"Objet","workingPattern":"Mod\u00E8le de travail"},"facetPlaceholderNames":{"category":"Rechercher dans la cat\u00E9gorie","country":"Rechercher par pays","state":"Rechercher par R\u00E9gion / D\u00E9partement","city":"Rechercher dans la ville","hiringType":"Recherche par type d\u2019embauche","location":"Rechercher dans l\u2019emplacement","educationLevel":"Recherche par niveau d\u2019\u00E9ducation","subject":"Sujet de recherche","workingPattern":"Rechercher dans le mod\u00E8le de travail"},"defaultFacetsToOpen":["category"],"facetConfig":{"phLocSlider":{"sliderRadius":300,"aboveMaxRadius":true,"locationRangeEnd":301,"sliderDelta":1}}},"linkedIn":{"apiKey":"752xe1cieo8utv"},"gdpr":{"cookieType":"persistent","enabled":true},"oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"BVYBVZGB","siteVariant":"external","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"},"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"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"candidateHome":true,"cdnCaasContentUrl":"https://content-ir.phenompeople.com/api/content-delivery/caasContentV1","navMenuItems":["candidateHome"],"cdnCaasContentEnabled":true,"navMenuItemsData":{"blogs":{"url":"https://jobs.bureauveritas.com/fr/fr/blog"},"events":{"url":"https://jobs.bureauveritas.com/fr/fr/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"locale":"fr_fr","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"v1":{"dataMode":"loc-cat","override":{"dataMode":true}},"mobileSearch":true},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","ally":{"layerEnabled":false,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"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":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"BVYBVZGB_Project_Management":"c/management-de-projet-jobs","BVYBVZGB_Buildings_infrastructure":"c/buildings-and-infrastructure-jobs","BVYBVZGB_Human_Resources":"c/ressources-humaines-jobs","BVYBVZGB_Consultancy":"c/consultant-technique-jobs","BVYBVZGB_Engineering":"c/ing\u00E9nierie-technique-jobs","BVYBVZGB_Procurement":"c/approvisionnement-jobs","BVYBVZGB_Customer_Service":"c/service-client-jobs","BVYBVZGB_Other":"c/other-jobs","BVYBVZGB_Information_Technology_(IT)":"c/syst\u00E8mes-d'information-it-jobs","BVYBVZGB_Digital_Transformation_Artificial_Intelligence":"c/transformation-num\u00E9rique-intelligence-artificielle-jobs","BVYBVZGB_Automotive_Transport":"c/automotive-and-transport-jobs","BVYBVZGB_Digital_Transformation":"c/digital-transformation-jobs","BVYBVZGB_Laboratory_Services":"c/expertise-laboratoires-jobs","BVYBVZGB_Cybersecurity":"c/cybersecurity-jobs","BVYBVZGB_Oil_Gas":"c/oil-and-gas-jobs","BVYBVZGB_Finance_Accounting":"c/finances-et-comptabilit\u00E9-jobs","BVYBVZGB_Surveying":"c/contr\u00F4le-inspection-jobs","BVYBVZGB_Marketing_Communications":"c/marketing-et-communication-jobs","BVYBVZGB_Power_Utilities":"c/power-and-utilities-jobs","BVYBVZGB_Sustainability_Renewable_Energy":"c/d\u00E9veloppement-durable-et-\u00E9nergies-renouvelables-jobs","BVYBVZGB_Quality_Health_Safety_Environment":"c/qualit\u00E9-sant\u00E9-s\u00E9curit\u00E9-et-environnement-jobs","BVYBVZGB_Commodities":"c/commodities-jobs","BVYBVZGB_Marine_Offshore":"c/marine-and-offshore-jobs","BVYBVZGB_Audit_Certification":"c/audit-certification-jobs","BVYBVZGB_Artificial_Intelligence":"c/artificial-intelligence-jobs","BVYBVZGB_Inspection":"c/inspection-jobs","BVYBVZGB_Legal_Compliance":"c/juridique-et-conformit\u00E9-jobs","BVYBVZGB_Sales":"c/commercial-jobs","BVYBVZGB_Data_Management":"c/gestion-de-donn\u00E9es-jobs","BVYBVZGB_Internships_Apprenticeships_Graduate_Traineeships":"c/stages-alternances-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"locationmapsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settings":{"markerImageUrl":{"height":"64","width":"64","url":"/common/assets/images/widgets/ph-location-overview-map-v1/default/default/gmaps-pin.png"},"clusterImageUrl":{"height":"64","width":"64","url":"/common/assets/images/widgets/ph-location-overview-map-v1/default/default/m1.png"},"bgType":"silver","clusterTextColor":"#ffffff","clusterTextFontSize":"14","allFields":["country","state","city","location"]}},"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://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.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},"jobwidgetsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}],"widgets":{"ph-targeted-jobs-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"officeLocation","checked":true,"display_name":"OfficeLocation"},{"settings":{"icon":"","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"","label":false},"name":"eeoJobCategory","checked":true,"display_name":"EEO Job Category"},{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"","label":false},"name":"jobId","checked":true,"display_name":"JobId"}]},"ph-similar-jobs-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]},"ph-my-applications-v1":{"fields":[{"settings":{"icon":"","label":false},"name":"applicationStatus","checked":true,"display_name":"Application Status"},{"settings":{"icon":"","label":false},"name":"appliedDate","checked":true,"display_name":"Applied Date"}]},"ph-profile-recommendations-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]},"ph-recently-viewed-jobs-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]},"ph-recom-jobs-browsing-history-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]},"ph-job-cart-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}],"actions":[{"settings":{"icon":"icon-delete","label":false},"name":"removeFromCart","display_name":"Remove Job"}]},"ph-job-details-v1":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]},"ph-search-results-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"}]}},"actions":[{"settings":{"activeicon":"icon-star","icon":"icon-star-empty","label":false},"svg":"save-job","name":"addToCart","display_name":"Save Job"},{"settings":{"activeicon":"","icon":"","label":true},"svg":"apply-now","name":"applyNow","display_name":"Apply Now"}]},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["siteConfig","jobwidgetsettings","locationmapsettings","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"c57b08cfd8e347b99672bcc706424545","pxPageState":"stranger","jdsource":""}; /*-->*/</script> <script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script> <script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script> <link rel="canonical" href="https://jobs.bureauveritas.com/fr/fr/home" /> <link rel="alternate" href="https://jobs.bureauveritas.com/" hreflang="en-us" data-seo="1" data-ddo="" /> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.33.js" defer="" module="" platform_id="platform_basic" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.95.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.95.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/page9/ph-page-page9-1724414584394.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.24.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-social-login-v1-default-1537275486968" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page9-vJMwJY"></div> <div class="ph-social-login-area ph-widget-box" role="region" aria-label="Connectez-vous avec LinkedIn" key-aria-label="FCQiQA-ph-social-login-v1-default-linkedinLoginWidgetHeadingText" show.bind="!isLoggedIn && !showLoader" data-ph-id="ph-page-element-page9-a60Orl"> <div class="widget-container" data-ph-id="ph-page-element-page9-jSCLmf"> <div class="content-block" data-ph-id="ph-page-element-page9-nE4LzP"> <div class="linkedin-login-block" show.bind="!showLoader" data-ph-id="ph-page-element-page9-56fqZ6"> <div class="linkedin-info" if.bind="!isBotProfileState" data-ph-id="ph-page-element-page9-a2qR8e"> <div class="title" data-ph-id="ph-page-element-page9-wrfpvS"> <ppc-content key="FCQiQA-ph-social-login-v1-default-linkedinHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-YppMk0"> Make your job search easier. Get personalized job alerts! </ppc-content> </div> <p data-ph-id="ph-page-element-page9-Z4fmDl"> <ppc-content key="FCQiQA-ph-social-login-v1-default-linkedinSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-kxX7oi"> Connect your LinkedIn profile to get fast & easy access to your dream job. </ppc-content> </p> </div> <div class="bot-profile-info" if.bind="isBotProfileState" data-ph-at-id="bot-profile-info" data-ph-at-title-text="${botProfile.jobtitle}" data-ph-at-location-text="${botProfile.location}" data-ph-at-name-text="${botProfile.name}" data-ph-id="ph-page-element-page9-AcM9zY"> <div class="title" show.bind="botProfile.name" data-ph-id="ph-page-element-page9-9MMUcg"> ${botProfile.name} </div> <p data-ph-id="ph-page-element-page9-UK5LCS"> <span show.bind="botProfile.jobtitle" data-ph-id="ph-page-element-page9-HMe8c2">${botProfile.jobtitle}, </span> <span show.bind="botProfile.location" data-ph-id="ph-page-element-page9-Rrx1la">${botProfile.location}</span> </p> </div> <div class="linkedin-actions" data-ph-at-id="linkedin-actions" data-ph-id="ph-page-element-page9-rkDQOC"> <a ph-tevent="linkedin_login_click" class="sign-btn btn btn-lg primary-button " href="javascript:void(0);" click.delegate="login('linkedIn')" data-ph-at-id="login-link" data-ph-id="ph-page-element-page9-JP6jRV"><i class="icon icon-linkedin" aria-hidden="true" data-ph-id="ph-page-element-page9-JM8Vmg"></i><span data-ph-at-id="login-text" data-ph-id="ph-page-element-page9-KThIOY">${widgetBundle['linkedinLoginText'] | pht}</span><i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-06MEuX"></i> </a> </div> </div> </div> </div> </div> <!-- Merge candidate profile --> <section class="ph-widget" data-ph-id="ph-page-element-page9-zuS9ZG"> <div class="ph-candidate-merge-profile-v1-default-default" if.bind="mode == 'CI'" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1" view="default-1540390000159" original-view="default" instance-id="" data-ph-id="ph-page-element-page9-sMtzYs"></div> </section> <!-- ENd --></script> <script type="text/x-ph-tmpl" id="ph-social-profile-v1-default-1537275344858" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page9-nXfLWz"></div> <div class="ph-social-logout-area" role="region" aria-label="Social Profile" key-aria-label="9iS1cu-ph-social-profile-v1-default-linkedinProfileWidgetHeadingText" show.bind="!showLoader" data-ph-id="ph-page-element-page9-J5c6Rv"> <div class="widget-container" data-ph-id="ph-page-element-page9-onY5YH"> <div class="content-block" data-ph-id="ph-page-element-page9-vzeIEo"> <div class="social-logout-block-area" data-ph-id="ph-page-element-page9-7uhFBp"> <figure class="profileImg" data-ph-id="ph-page-element-page9-cE5etK"> <img src="${userProfile.pictureUrl}" alt="${userProfile.firstName} ${userProfile.lastName}" key-alt="9iS1cu-ph-social-profile-v1-default-linkedinProfileImage" class="img-circle" show.bind="userProfile.pictureUrl" data-ph-at-id="profile-image" data-ph-id="ph-page-element-page9-nnQP0E"> <ppc-content type="image" data-ph-id="ph-page-element-page9-Faa27B"> <img alt="${userProfile.firstName} ${userProfile.lastName}" class="img-circle" show.bind="!userProfile.pictureUrl" data-ph-at-id="profile-image" data-ph-id="ph-page-element-page9-tOl352" key-src="defaultProfileImgSource" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/images/v-1724403926524-default_profile.png"> </img> </ppc-content> </img> </figure> <div class="loggedin-details" data-ph-id="ph-page-element-page9-dnVjuq"> <div class="linkedin-content" data-ph-id="ph-page-element-page9-V3O6V3"> <div class="details-info" data-ph-at-id="profile-info" data-ph-at-firstname-text="${userProfile.firstName}" data-ph-at-lastname-text="${userProfile.lastName}" data-ph-at-userrole-text="${userProfile.headline}" data-ph-at-userlocation-text="${userProfile.location}" data-ph-id="ph-page-element-page9-GpuO4o"> <div class="profile-name" data-ph-id="ph-page-element-page9-RTlhpM"> ${userProfile.firstName} ${userProfile.lastName} </div> <div class="designation-info" data-ph-id="ph-page-element-page9-gPjgGB"> <span class="role" if.bind="userProfile.headline" data-ph-id="ph-page-element-page9-G0UxZj">${userProfile.headline}</span> <span class="location" if.bind="userProfile.location" data-ph-id="ph-page-element-page9-CrKtBZ"> <span class="sr-only" data-ph-id="ph-page-element-page9-ekaad9">Location</span> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page9-ZtHqqN"></i> ${userProfile.location}</span> </div> <!-- <div class="user-skills"> <ul show.bind="userProfile.skills.length" data-ph-at-id="linkedin-recommended-jobs-list"> <li repeat.for="eachSkill of userProfile.skills" data-ph-at-skills-text="${eachSkill}"> ${eachSkill} </li> </ul> </div> --> <div class="tags" data-ph-id="ph-page-element-page9-afFe7X"> <section class="ph-widget" data-ph-id="ph-page-element-page9-0bpoJQ"> <div as-element="ph-profile-recommendations-v1" class="ph-profile-recommendations-v1-recom-job-categories-default" data-widget="ph-profile-recommendations-v1" max-display-count="5" view="1537275344852-recom-job-categories" profile-only.bind="1" original-view="recom-job-categories" instance-id="" data-ph-id="ph-page-element-page9-pE6aqD"></div> </section> </div> </div> <div class="loggedin-actions" data-ph-at-id="loggedin-actions" data-ph-id="ph-page-element-page9-oCYv8V"> <p data-ph-id="ph-page-element-page9-JbinBP"> <span class="connected-status" data-ph-id="ph-page-element-page9-bz2VZ6"> <ppc-content key="9iS1cu-ph-social-profile-v1-default-loggedinActionText" data-ph-at-id="action-text" data-ph-id="ph-page-element-page9-2Q7byi"> Connected with LinkedIn | </ppc-content> </span> <a href="javascript:void(0)" ph-tevent="linkedin_logout_click" click.trigger="socialLogout()" title="Déconnexion" key-title="9iS1cu-ph-social-profile-v1-default-logoutTitleText" data-ph-at-id="logout-link" data-ph-id="ph-page-element-page9-kQ6qLO"> <ppc-content key="9iS1cu-ph-social-profile-v1-default-logoutLinkText" data-ph-at-id="logout-text" data-ph-id="ph-page-element-page9-nyVVma">Déconnexion</ppc-content> </a> </p> </div> </div> </div> </div> </div> </div> </div></script> <script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1670399864324" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-KhBWnx"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-ZazOmM"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-RCbN4v"> <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-WyZPdz"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-ZIrpwB"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-KKxhu7"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-iNdf5V"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-YZNO9C"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-JA7J1B"> ${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-9D6rUn"></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-UQ9Lxa"> <div class="search-area ph-a11y-search-area" if.bind="roots.length >= 3" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-g2kfPg"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7q-pwujHD" data-ph-id="ph-page-element-short-header-8s3OWN">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7q-qTftFE" 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" key-placeholder="ph-language-selector-v2-view3-43qw7q-fdcBrp" data-show-listbox="false" data-ph-id="ph-page-element-short-header-xsM8HI" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-akj6be"></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-3F4ZC6"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-OLqDBO"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-N3lqMO"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-xtoAdS"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-Ras4Tc" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-3hGPrJ">Texte clair</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-KUNvJV"> <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-bmwKB5"> <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-cxEL64"> <span class="flag flag-${each.location || each.language}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-DBIAni"></span> <div class="country" data-ph-id="ph-page-element-short-header-0Icw7V"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-RWmgOx"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-x2XoSY"> <ppc-content data-ph-id="ph-page-element-short-header-5b5Xku"> 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-aN6whQ"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-DkPpqR"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-0RFQSK" data-ph-id="ph-page-element-short-header-BGWJiO">Aucun résultat trouvé</ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-yQGYnT"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7q-nfZA2g" data-ph-id="ph-page-element-short-header-nZi7za"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670510827" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-f9FR8Z"> <a ph-href="Panier" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-5kJTaF" 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-CPDqiJ"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Fao99D"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-Pau98N"> ${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-qCDiX6"> (${jobCartCount}) </span> </a> </div></script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://jobs.bureauveritas.com/","potentialAction": {"@type": "SearchAction","target": "https://jobs.bureauveritas.com/fr/fr/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page9"</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1663475870347" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-oDm31u-lmUWSG" aria-label="Concernant vos cookies" key-aria-label="ph-cookie-popup-v2-default-oDm31u-pwmFTI" if.bind="showCookiePopup" data-ph-id="ph-page-element-page9-HP5yff"> <div class="container" data-ph-id="ph-page-element-page9-jWbaa7"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page9-mWefEC"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-aJ2Uz9" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page9-xBeB9U" language-overriden="true">We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a href="https://jobs.bureauveritas.com/fr/fr/cookiesettings" ph-href="https://jobs.bureauveritas.com/fr/fr/cookiesettings">Cookie Settings</a> page. If you continue to use this site, you consent to our use of cookies.</ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page9-CzZwug"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="ph-cookie-popup-v2-default-oDm31u-Wy0GEH" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Cliquez ici pour modifier vos paramètres de cookies" key-aria-label="ph-cookie-popup-v2-default-oDm31u-Z0jNvK" data-ph-id="ph-page-element-page9-9fF4iQ"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-0ggx4T" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page9-ILK1Jv">Paramétrage des cookies</ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-page-element-page9-veS0r3"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page9-YPSFk5"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-UkWecG" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page9-kADj6x">Refuser</ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page9-VySEe7"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page9-pguOP1"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-waAGJ8" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page9-1kXjam">Accepter</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page9-5gbdQM"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page9-IdjPX0"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page9-hGbq4F"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page9-SW8j8p"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-cS3TN8" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page9-oGX109">Sur notre site web, il vous est possible de fournir des informations personnelles. En utilisant ce site et en fournissant vos informations personnelles, vous consentez à ce que vos données soient stockées à l’étranger.</ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page9-wDnfVQ"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page9-qG1KvM"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page9-yD5gw8"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-OVyS6B" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page9-kXxVJI">Accepter</ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1557401652154-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1678958128818-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page9-VGlkNc"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page9-jBnAqb"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page9-leMYPc"> <div class="modal-content" data-ph-id="ph-page-element-page9-qwOnek"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-jOnlQC"> <!--<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-page9-HC5Qxf"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-5fPQ9N"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-YDqM71"><ppc-content key="ph-email-job-v1-view3-1gd0h6-KoR7aT" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page9-y5ca2w">Fermez la fenêtre contextuelle</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page9-3QYTfY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-L5NDki" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page9-4LoVJZ">Envoyer cette offre par email</ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page9-3361kN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-447FQn" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page9-pVGfkM">Pour accéder à cette offre d’emploi à partir d’un autre ordinateur, envoyez ces informations par email à vous-même ou à un ami.</ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page9-1XUw6X"> <div class="content-block" data-ph-id="ph-page-element-page9-MSMg0o"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page9-jGkrft"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page9-Lcak0U"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-IeMaL4"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page9-uM7P4s"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-RQTrZQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-nEFrTX"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page9-QgEJVf"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page9-7RcBfZ"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page9-Ho6CRq"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page9-XWEm8E"> <label for="email-job-name" data-ph-id="ph-page-element-page9-5pvA7B"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BZp9tj" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page9-ewH0bW">Votre Nom</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="Votre nom" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-SD64CS" title="Votre nom" key-title="ph-email-job-v1-view3-1gd0h6-UiZUh0" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page9-d4Wy12"> <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-page9-EOjUeU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2Kqq2d" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page9-IwD5DE">Le champ nom ne doit pas être vide</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page9-utXg06"> <label for="email-job-email" data-ph-id="ph-page-element-page9-VBpocS"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zfOmtY" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page9-6vfHpD">Adresse email du destinataire</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="Adresse email du destinataire" key-title="ph-email-job-v1-view3-1gd0h6-qxSvTE" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page9-ER4cNu"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page9-F4gLRU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0Rr8Xa" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page9-AWYYpN">L’adresse email du destinataire ne doit pas être vide</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-page9-vjCuQz"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fMRtYA" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page9-tYcoXi">Veuillez saisir une adresse email valide pour le destinataire</ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page9-aZQ1A6"> <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-page9-bbtSJz"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YHR9b7" data-ph-at-id="send-text" data-ph-id="ph-page-element-page9-1sRj5h">Envoyer</ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page9-Q3DMKy"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-m9r3IT"> <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-page9-pnVHPu"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-odPHxW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-2pU7pG"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page9-AfDWGv"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page9-nuIDz2"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page9-8rhIwY">*</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-page9-8QocBU"> <span class="sr-only required-text" data-ph-id="ph-page-element-page9-a1Uzzo"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page9-UX1A7W"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page9-WMvhrf"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-V50rlX" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page9-llPKtZ">L’email a été envoyé avec succès</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page9-tNmSfA"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sirVoQ" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page9-7QNoeZ">L’email n'a pas pu être envoyé pour cause d'une erreur</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page9-ltKxmw"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page9-vi0bvd"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page9-moh0iE"> <i class="icon icon-check" data-ph-id="ph-page-element-page9-jVDHeS"></i> <h3 data-ph-id="ph-page-element-page9-72tXAs"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-hCehxj" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page9-3Q3uDJ">Succès !</ppc-content> </h3> <p data-ph-id="ph-page-element-page9-Vd0ufX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-hwKJj7" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page9-mpYJQL">L’email a été envoyé avec succès</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-page9-bzq4SP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-xf7IZj" data-ph-id="ph-page-element-page9-bfQiI5">D’accord</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page9-xIcvFq"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page9-xk9LOz"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page9-COanRX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page9-Sfrd4Z"></i> <h3 data-ph-id="ph-page-element-page9-4XeiZD"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-uBsXhJ" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page9-FFyDWM">Échec !</ppc-content> </h3> <p data-ph-id="ph-page-element-page9-h8n3ob"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-rtG1U8" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page9-XB9ITP">L’email n’a pas été envoyé</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-page9-6H92mh"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OMNV13" data-ph-id="ph-page-element-page9-VkMgTt">D’accord</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page9-TVYkQc"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page9-St6ELU"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page9-dvVXWe"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page9-KZL1wp"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page9-Tlon5F"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page9-yk2CJu"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-F7z8La"> <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-page9-i7X5OY"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-bKz2L2"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-O9FIvC"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page9-g946bA"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page9-T1UtYA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page9-4Plg6l">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page9-QjUrYB"> <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-page9-z4j4Aq"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1678958128756-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page9-13X5Jb"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page9-jty1Sf"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page9-crNJz8"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-hF7viQ" aria-level="Niveau en-tête" key-aria-level="ph-social-share-v3-default-6ty93l-9x4et7" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page9-rrc5ba"> <ppc-content key="ph-social-share-v3-default-6ty93l-SVRwzF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-RZSPws"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page9-cd3jcD"> <ppc-content key="ph-social-share-v3-default-6ty93l-v7EmHq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-jSHLMZ">Nous vous donnons les outils dont vous avez besoin pour trouver l’emploi qui vous convient le mieux, ainsi que la liberté et le soutien nécessaires pour faire passer votre carrière au niveau supérieur.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-p6Il40"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page9-mLDfhm"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page9-xQykc9"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page9-ZgJWR4"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page9-iInkjS"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-r6xyx7"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page9-rVdYy3">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page9-axNAS1"> <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="1678958128818-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-page9-vwYU8O"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page9-pPyiaf"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-33qov3"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-g7JG2C"> <div class="head-wrapper" data-ph-id="ph-page-element-page9-fbuVbo"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page9-s46U6K"> <ppc-content key="ph-social-share-v3-default-6ty93l-4VuDDR" data-ph-id="ph-page-element-page9-9POFSu">Partager le lien de l’offre d’emploi</ppc-content> </h3> <button type="button" class="btn-close" aria-label="Fermer la boîte de dialogue" key-aria-label="ph-social-share-v3-default-6ty93l-bUACaT" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-LDiNpj"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page9-9tqA7j"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page9-7GCT5Y"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page9-NFWr9g"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page9-Gak8rZ"> <ppc-content key="ph-social-share-v3-default-6ty93l-99CvHJ" data-ph-id="ph-page-element-page9-itHGBp">Lien copié avec succès</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page9-aul1kh"><ppc-content key="ph-social-share-v3-default-6ty93l-R3El4t" data-ph-id="ph-page-element-page9-2iSCS3">À vos collègues ou amis</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page9-ePl0Nr" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page9-7CsiCb"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-DsI9e4"><ppc-content key="ph-social-share-v3-default-6ty93l-0geB2w" data-ph-id="ph-page-element-page9-9cPjVc">Annuler</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page9-mwPd1a"><ppc-content key="ph-social-share-v3-default-6ty93l-GzxGWb" data-ph-id="ph-page-element-page9-yiuYY2">Copier le lien</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1678958128785" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-84oFSZ"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Recommandations de profil" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-jZRRRR" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page9-gH5qIM"> <div class="widget-container" data-ph-id="ph-page-element-page9-7K5rkj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-X0liEB"> <h2 data-ph-id="ph-page-element-page9-w7Ywxb"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-6clsZc" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page9-eeEMbE">Recommandations de profil</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page9-yxDjT2"> <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-page9-kbxWiv"> <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-page9-pQwKZo"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Njv10g" data-ph-id="ph-page-element-page9-e4V3g7"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-X9N0bn"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page9-IzebQv"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page9-IF1VG1" /> </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-page9-B7zTD3"> <div class="information" data-ph-id="ph-page-element-page9-0afgJY"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page9-SLsLGw"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-38Iklj"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-Ffq2n8"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page9-TB5fuF" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page9-VrVVnY"> <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-page9-wQJ2AO"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-dqONIK"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-hg7K6E"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-7fsbII">${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-page9-8ycV6C"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page9-4OJTPw"> ${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-page9-WKNbKU"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-574mf9"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-5o6svN">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-uhpq86-Bx4tDC" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-gTFZ7i" instance-id="Njv10g-gOReT0" data-ph-id="ph-page-element-page9-sUb8fN"> <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-page9-LrhjoF"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page9-qv2m2R"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-Ia3gZM">${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-page9-XDPmnU"></i> <span data-ph-id="ph-page-element-page9-Nu9sbN">${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-page9-6co8D1"> <!-- 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-page9-TO9Rjn"> <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-page9-yt9Ln8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-cKUDr4">${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-page9-dHH0Ra"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-wvF2RC">${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-page9-HCkuCV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-FH2i7T">${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-page9-gjIk87"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-NAPwcj">${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-page9-g1EdqW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-4wLx9r">${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-page9-VUCjtB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-4P2dIb"> ${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-page9-ECbaR1"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page9-yVX4gT">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-H08u8j"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-60NMgR">${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-page9-41MRvy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-Al7o3y">${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-page9-X9tFyV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-tNY9sv">${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-page9-ZzJWZD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-c1CJc5">${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-page9-wzwOHB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-0NG2Y5">${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-page9-zMjgGW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-t6GNQ8"> ${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-page9-WdipSV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-S5dCrp">${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-page9-hwNwDm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-5s995Y"> ${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-page9-hx92RE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-7wtwyx">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-DgYhdp">${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-page9-ILcOCv"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-rnxsNo">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-s7uW1P">${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-page9-lpnMIm">${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-page9-ZYkmhm">${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-page9-nnpbR4">${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-page9-0LkgqF"> <!-- 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-page9-YmE4d7"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page9-RA5yM9"> <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-page9-s2bEkX"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-MdJKuN"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-bDJBq2"> ${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-page9-izxzp4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-XJWIr3">${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-page9-tVkxym"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-L51z3m">${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-page9-pvlO0P"> <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-page9-zGuGpk"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-19pkYM"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-BCxfGr"> ${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-page9-vUiovq"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-GdW793">${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-page9-LXsbjq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-xaAZFC">${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-page9-8hBwyH"> <span class="sr-only" data-ph-id="ph-page-element-page9-FAWbLQ">${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-page9-x5h7b9"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-bzTzQ6">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-gFLqat">${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-page9-nFLAJS">${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-page9-37QT9g">${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-page9-UUyJUS">${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-page9-c4VOMA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-FB31vE">${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-page9-LvKbxv"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-bUtY4o"> ${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-page9-5aE5Ax"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page9-c4LAU7">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-KItsHC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-T9Gdsf">${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-page9-AEIbgs"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-PNN9h0">${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-page9-ZFuOH7"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-o0A8TX">${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-page9-r5w99R"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-M7SbaY">${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-page9-1Ab2XK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-vGj9Wk">${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-page9-EyLsol"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-S2dvRJ"> ${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-page9-AQTXkE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-UnBc3u">${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-page9-LqX4uQ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-uNd4hx"> ${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-page9-FHp35Y"> <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-page9-o8PDta"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-41Wwlc" 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="Njv10g-sjNzeQ" data-ph-id="ph-page-element-page9-wkpHS5"> <span data-ph-id="ph-page-element-page9-Lw26GL"> ${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-page9-7f6L1Q"></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-page9-YIKbdn"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page9-WuvaKT"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-IlFQWU"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page9-jLPPFq">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page9-9gK6Ql">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-0KqQVt"></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-page9-9zi7eR">${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-page9-0alARb">${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-page9-c29gzB">${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-page9-Xknc6D">${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-page9-gbcQTD">${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-page9-hWKIBN"> <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-page9-iIku8t"> <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-uhpq86-UO7pUv" 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="Njv10g-BcA6NB" data-ph-id="ph-page-element-page9-Yd9GBi"> <span data-ph-id="ph-page-element-page9-qS8EOZ"> ${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-page9-O71vz1"></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-page9-4wBOhR"> <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-page9-8P6Jyt"> ${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-page9-7TZlCA"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page9-p3yZ0x"> <span data-ph-id="ph-page-element-page9-FqzN94"> <span class="sr-only" data-ph-id="ph-page-element-page9-2l8s7Q"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page9-qu5VCX">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page9-0k5o4m">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-BJ5MaG">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-FQmz4c">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page9-qxG2Mv">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page9-61gHP6">${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-page9-Q5ukYw"></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-page9-wmmQpV"> <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-page9-3Z7DCV"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page9-OW1MvF"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page9-npcWhI"></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-page9-uUiFJ0"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-HGl5d4"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-XGfViQ"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-9DhtI1">${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-page9-OHRTFg"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page9-otpV7X"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page9-A8R8wL"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-QWWLQ6"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page9-7t78ZK"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page9-231GdK">${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-page9-DW2iwI"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page9-8xw8hv"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page9-GyvOij"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-tYENan"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page9-NbjyAo"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-Aq7qsW" data-ph-at-id="share-job-button-text" instance-id="Njv10g-IWz6NC" data-ph-id="ph-page-element-page9-h0nM6Y">Bouton Partager une offre d'emploi</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-dDvHav"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page9-NoaJg2" view="1678958128756-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1678958128756-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-page9-bqWf3G"></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-page9-xo7SXE"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page9-uda6lv"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page9-U6eq0v"> <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-page9-IZnqGU" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page9-cjtU8b"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-UPyZHi"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-zjpnqO"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-F8Uy9q">${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-page9-LeYUaB"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-AptiUo"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-f3jtz7"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-YdeJH0">${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-page9-kpIsUN"> <button click.delegate="deleteJobFromCart(eachJob)" class="favourite delete-btn" 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-page9-NRsHmP"> <span class="sr-only" data-ph-id="ph-page-element-page9-W4fcxs">${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-page9-SZvgBo"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page9-FoV7xV"> ${widgetBundle['removeJobText'] | pht} </span> </button> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page9-ghJEy6"> <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-page9-qa0qfA"> <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-page9-LF9lq5"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-bwDZNo"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-HbyDib"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Fermer la fenêtre contextuelle des emplacements" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-fUDojG" instance-id="Njv10g-v6UhUp" data-ph-id="ph-page-element-page9-co5slx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-ZEL330"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-2YG5Zg"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-uhpq86-OmHvUS" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-hgNndr" instance-id="Njv10g-vFSiFr" data-ph-id="ph-page-element-page9-n230ik"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-OJWbmA"> <div class="job-location-count" data-ph-id="ph-page-element-page9-Y6zFPi"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-1qUQEK"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-pHxvyz"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page9-u5TXYj"> <span data-ph-id="ph-page-element-page9-shrnLs"> <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-page9-WGAn6c"></i> </span> <span data-ph-id="ph-page-element-page9-zE8OCD"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page9-Txg1EN"> <span class="sr-only" data-ph-id="ph-page-element-page9-qAq9BW">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-oxC2Xs"></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-page9-ZsfAf7">${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-page9-DEo2Mx">${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-page9-7J6CLW">${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-page9-ssjpeD">${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-page9-0QzyKH"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-PVyqbJ"> <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-page9-LbR9OR"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-x2tDXa"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-w3gCyQ"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Fermer la fenêtre contextuelle de la catégorie" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-pAcO3p" instance-id="Njv10g-xo28aC" data-ph-id="ph-page-element-page9-djmx3m"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-ykSkq3"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-9QRrfM"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-uhpq86-zOBIbO" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-vPdPwO" instance-id="Njv10g-Wo15Fi" data-ph-id="ph-page-element-page9-iuVRvT"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-RJqJB9"> <div class="job-location-count" data-ph-id="ph-page-element-page9-UaQMjV"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-0Fd4C6"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-rSRsJR"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page9-4dSxdO"> <span data-ph-id="ph-page-element-page9-CGG1SH"> <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-page9-ZB29na"></i> </span> <span data-ph-id="ph-page-element-page9-dYvBgK"> ${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-page9-z1U5zM"> <div aria-atomic="true" aria-live="assertive" instance-id="eypzSf" data-ph-id="ph-page-element-page9-4Dwunz"> <button class="btn primary-button" aria-label="Voir d’autres offres d’emploi recommandées" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-rQuD4s" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-Aw6zs7" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-XCrklL" instance-id="eypzSf-WnUUCC" data-ph-id="ph-page-element-page9-xaT1Jv"> <!-- <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-page9-Z6u8FC"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-tHDuvZ"></i> </button> </div> <button class="btn primary-button" aria-label="Voir moins d’emplois recommandés" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-HeUC9h" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-ncf7L3" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-YlZtRn" instance-id="eypzSf-O6KqGn" data-ph-id="ph-page-element-page9-z9hGnL"> <!-- <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-page9-h8RLpX"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-6nyN36"></i> </button> <button class="btn primary-button" aria-label="Voir les offres d’emploi recommandées suivantes" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-kmAQNG" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-aFk0ph" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-mr7fV6" instance-id="eypzSf-4Ex1do" data-ph-id="ph-page-element-page9-xQbSYG"> <!-- <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-page9-CBo9SO"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-KeL1vI"></i> </button> <button class="btn primary-button" aria-label="Voir encore plus d’offres d’emploi recommandées" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-6on6fW" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-c24pq4" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-MoepsE" instance-id="eypzSf-he5rl2" data-ph-id="ph-page-element-page9-EwK7Z1"> <!-- <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-page9-1u4fcf"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-FyZUrx"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page9-11NC7Q"> <p data-ph-id="ph-page-element-page9-DZGyVV"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-yOpvvZ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-eHfCvl">Aucune recommandation trouvée</ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506330289" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page9-6oWgGY"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page9-xjgpHU"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page9-uajj27"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-hF7viQ" aria-level="Niveau en-tête" key-aria-level="ph-social-share-v3-default-6ty93l-9x4et7" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page9-MTpGeg"> <ppc-content key="ph-social-share-v3-default-6ty93l-SVRwzF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-3qToMl"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page9-uotSbS"> <ppc-content key="ph-social-share-v3-default-6ty93l-v7EmHq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-lHH0Sa">Nous vous donnons les outils dont vous avez besoin pour trouver l’emploi qui vous convient le mieux, ainsi que la liberté et le soutien nécessaires pour faire passer votre carrière au niveau supérieur.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-ZevxiQ"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page9-jsx6vc"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page9-s7wyOl"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page9-Yih0yJ"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page9-w9Mi77"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-TGwXnI"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page9-KrkokS">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page9-LxRKaT" view="1663506330132-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506330132-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-page9-AYl78F"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page9-xWkIff"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-c8oLVS"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-McrqQA"> <div class="head-wrapper" data-ph-id="ph-page-element-page9-pSAWv2"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page9-j41iLb"> <ppc-content key="ph-social-share-v3-default-6ty93l-4VuDDR" data-ph-id="ph-page-element-page9-uzUQIl">Partager le lien de l’offre d’emploi</ppc-content> </h3> <button type="button" class="btn-close" aria-label="Fermer la boîte de dialogue" key-aria-label="ph-social-share-v3-default-6ty93l-bUACaT" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-LxACYw"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page9-RUWiB0"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page9-Xc24qG"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page9-UisZWP"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page9-SdFK1d"> <ppc-content key="ph-social-share-v3-default-6ty93l-99CvHJ" data-ph-id="ph-page-element-page9-UUnSjT">Lien copié avec succès</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page9-2UBya3"><ppc-content key="ph-social-share-v3-default-6ty93l-R3El4t" data-ph-id="ph-page-element-page9-qK6Tu3">À vos collègues ou amis</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page9-4dcOyo" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page9-i3dOEo"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-49gmdo"><ppc-content key="ph-social-share-v3-default-6ty93l-0geB2w" data-ph-id="ph-page-element-page9-5f3Dvc">Annuler</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page9-RO4Jr7"><ppc-content key="ph-social-share-v3-default-6ty93l-GzxGWb" data-ph-id="ph-page-element-page9-KAAXxx">Copier le lien</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622922731390" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-mgvQB0"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" aria-label="Offres d’emploi récemment consultées" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-9l3LqQ" data-ph-id="ph-page-element-page9-LqsBjd"> <div class="widget-container" data-ph-id="ph-page-element-page9-2S4ldE"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-w0P1lJ"> <h2 data-ph-id="ph-page-element-page9-5YrnvG"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-evMzj4" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page9-PUxz7t">Offres d’emploi récemment consultées</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page9-VvT3xl"> <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-page9-OxWkRa"> <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-page9-sAPZer"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="xDn6IT" data-ph-id="ph-page-element-page9-DajZ9D"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-i8VmIn"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-A9Ak4E"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page9-7gv7Z8" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page9-sRDE54"> <div class="information" data-ph-id="ph-page-element-page9-30HlC6"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page9-GNkRMJ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-qTnXL9"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-O8BowH"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page9-DGSPJU" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page9-YF7KrM"> <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-page9-Hu3HoX"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-pLslPl"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-muSK1o"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-M7IJSU">${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-page9-Bx25qp"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page9-80mY5i"> ${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-page9-BuW2PE"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-6qoBTR"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-eYss06">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-V9EX8y" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-KWGza6" instance-id="xDn6IT-8Ao9aJ" data-ph-id="ph-page-element-page9-YITxvk"> <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-page9-Gn3q50"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page9-F9yeYe"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-cqAR1n">${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-page9-vU3afq"></i> <span data-ph-id="ph-page-element-page9-IRkFv1">${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-page9-8zGNAW"> <!-- 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-page9-ACRumQ"> <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-page9-JG6DKa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-SgKMbp">${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-page9-Aqb8td"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-XNRuIP">${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-page9-7VSwNZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-1KOjkB">${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-page9-Hr7fZ8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-bxhda5">${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-page9-bDWnUi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-CcYnRY">${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-page9-v8kYpm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-eHwooS"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-4YobkO"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-iX6XWP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-KR7nTA">${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-page9-lcQK8v"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-IDaog7">${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-page9-6J9q4Q"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-V7wQ26">${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-page9-DpEud6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-yA124j">${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-page9-7wSHxP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-YEpInc">${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-page9-gD35N5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-cfzJd1"> ${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-page9-OKOe9s"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-argpaO">${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-page9-aNZawW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-BXPJdq"> ${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-page9-Lu3bWi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-qYEtF7">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-qOSkGB">${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-page9-RYycAw"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-PhSsLZ">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-0tPpe9">${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-page9-dHMBoz">${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-page9-uXPruo">${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-page9-WrpsiK">${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-page9-JMJxOb"> <!-- 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-page9-Zmszfh"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page9-ICm2ZC"> <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-page9-NDpsZY"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-nNjJfD"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-keUIAh"> ${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-page9-7Ihci2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-ZqwoC9">${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-page9-QpHizQ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-FaeC1G">${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-page9-h4vqpT"> <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-page9-ICi4PF"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Y46XEh"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-dwgRbh"> ${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-page9-Xe1Q7z"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-yftOJn">${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-page9-wdGTFa"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-FHqlFL">${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-page9-fhjRrp"> <span class="sr-only" data-ph-id="ph-page-element-page9-X7d3to">${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-page9-RMvsQh"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-nEphyv">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-HOlIs7">${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-page9-wIkYK5">${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-page9-rLdckk">${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-page9-kfu6Fl">${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-page9-hV9E6l"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-YtsXwM">${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-page9-NSuQkO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-YuQNI8"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-5JPZIq"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-OWoVPc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-9qeliy">${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-page9-wkXusR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-90R0Gr">${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-page9-NvUVfB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-akXZcm">${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-page9-pyli8I"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-4RZUcv">${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-page9-c3wEXr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-lXvVzs">${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-page9-u3c6Is"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-JC5qsU"> ${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-page9-8ZVkbl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-B4a2UR">${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-page9-TnI596"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-N5Z3zY"> ${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-page9-ZXORac"> <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-page9-2eOZo2"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-MSG9xK" 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="xDn6IT-Z14O26" data-ph-id="ph-page-element-page9-vf3MqR"> <span data-ph-id="ph-page-element-page9-Zeeh1q"> ${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-page9-Tzg3u7"></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-page9-ZuHu7v"> <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-page9-wZQAVZ"> ${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-page9-BDTTNY"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-c8Yj2x">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page9-KQxnm7">${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-page9-CYgiy6"></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-page9-XuVyYJ">${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-page9-402kOt">${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-page9-5LIlE8">${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-page9-Rs4rCH">${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-page9-THQs52">${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-page9-gGqiBC"> <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-page9-znR3a0"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-RECoBB" 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="xDn6IT-jl8BQn" data-ph-id="ph-page-element-page9-ZjeJuH"> <span data-ph-id="ph-page-element-page9-1izMh0"> ${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-page9-ZwVrEz"></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-page9-oBdvRG"> <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-page9-cXrH3M"> ${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-page9-HKnHaw"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page9-29jd4N"> <span data-ph-id="ph-page-element-page9-x4OrNj"> <span class="sr-only" data-ph-id="ph-page-element-page9-y26szB"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page9-sdyfoZ">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page9-e8gDET">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-b1hgvL">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-hogB9D">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page9-u9fvHa">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page9-IP0jAj">${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-page9-YXC6CZ"></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-page9-RlFx9p"> <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-page9-D5saHs"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page9-M00JQq"></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-page9-nfPSGJ"></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-page9-Uy8gCx"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-clMvG3"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-DcF7xN"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-DpM7jw">${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-page9-TK1rtE"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page9-wfcg9y"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page9-mNr4DV"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-iGMfVG"> <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-page9-deowcw"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page9-hV5Nn5">${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-page9-HQoPW1"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page9-SGXrkJ"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page9-15iYpF"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Qa1RDO"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page9-RMD8Im"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-AGIaKk" data-ph-at-id="share-job-button-text" instance-id="xDn6IT-28rViu" data-ph-id="ph-page-element-page9-G6R9Wj">Bouton Partager une offre d'emploi</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-KMR3F4"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page9-qyBgLL" view="1622922731369-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506330289" 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-page9-MwY36K"></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-page9-bjZKFV"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page9-RtJlEK"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page9-sOIHF9"> <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-page9-MbHuxd" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page9-DPk42D"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-UNZO0x"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-FeaFm6"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-OjCF20">${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-page9-g4vkhs"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-AWp2P7"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-IdxGyR"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-49EvDV">${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-page9-ObHBbA"> <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-page9-V9ZH5P"> <span class="sr-only" data-ph-id="ph-page-element-page9-tBFs6A">${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-page9-yP8AVd"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page9-9RfDsx"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-21rNTS"> <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-page9-scOoTr"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-JQKipR"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-bisBbQ"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Fermer la fenêtre contextuelle des emplacements" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-mZWR7B" instance-id="xDn6IT-4ds8nv" data-ph-id="ph-page-element-page9-HVHOB9"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-yCDEXe"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-fcaAnp"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-x6Vnse" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-jMZ9jp" instance-id="xDn6IT-HpfPhz" data-ph-id="ph-page-element-page9-STVf1d"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-QeNauQ"> <div class="job-location-count" data-ph-id="ph-page-element-page9-gWZVtu"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-s7YHyJ"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-fXXNL3"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page9-RBUSy5"> <span data-ph-id="ph-page-element-page9-caZWdF"> <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-page9-B1RuZO"></i> </span> <span data-ph-id="ph-page-element-page9-KFmpik"> ${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-page9-6woSoQ"> <span class="sr-only" data-ph-id="ph-page-element-page9-PcARJJ">${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-page9-SE32Wq"></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-page9-L9jG42">${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-page9-y4mGvc">${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-page9-35Ms8D">${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-page9-0ZdSxS">${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-page9-YkeTiV"> ${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-page9-kr5Lea"> <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-page9-D4HEOQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-HN2wwh"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-2CIPHx"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Fermer la fenêtre contextuelle de la catégorie" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-EDORju" instance-id="xDn6IT-8IFr9y" data-ph-id="ph-page-element-page9-Nnnmde"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-qttwsR"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-G9Vas4"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-6e7t9Q" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-3NNP1L" instance-id="xDn6IT-qwxRxM" data-ph-id="ph-page-element-page9-mKYQxS"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-uxn9O8"> <div class="job-location-count" data-ph-id="ph-page-element-page9-Uu0oek"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-9xsjto"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-oqVoyW"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page9-FEydGO"> <span data-ph-id="ph-page-element-page9-LKrs6G"> <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-page9-Twh8xw"></i> </span> <span data-ph-id="ph-page-element-page9-3OEWrV"> ${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-page9-MMJ3Y8"> <div aria-atomic="true" aria-live="assertive" instance-id="qC31Ny" data-ph-id="ph-page-element-page9-p7ZdVh"> <button class="btn primary-button" aria-label="Voir d’autres offres d’emploi recommandées" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-t5TIil" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-VeTr0F" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-JZhBnP" instance-id="qC31Ny-17Rd7r" data-ph-id="ph-page-element-page9-ZNtGE1"> <!-- <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-page9-CXrazK"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-CcK93r"></i> </button> </div> <button class="btn primary-button" aria-label="Voir moins d’emplois recommandés" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-sJq09p" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-qEid2P" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-UYXBiV" instance-id="qC31Ny-eToVwC" data-ph-id="ph-page-element-page9-qkuMnY"> <!-- <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-page9-Gi6GiV"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-2H29I9"></i> </button> <button class="btn primary-button" aria-label="Voir les offres d’emploi recommandées suivantes" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-EDV4Pv" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-U4idu6" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-KxhSho" instance-id="qC31Ny-hM0tte" data-ph-id="ph-page-element-page9-Coq6MT"> <!-- <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-page9-89hOWK"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-dis08p"></i> </button> <button class="btn primary-button" aria-label="Voir encore plus d’offres d’emploi recommandées" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-S4bsJ7" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-Ypmj6q" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-RG8vLy" instance-id="qC31Ny-yX0DmL" data-ph-id="ph-page-element-page9-2ApnrB"> <!-- <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-page9-L04bjZ"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-ffE7Ao"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page9-dJ3VvX"> <p data-ph-id="ph-page-element-page9-SOqtqg"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-dMVcsi" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-Mc0Hwf">Aucune recommandation trouvée</ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-location-map-v1-1663502911938-default" nonce=""><div class="phs-widget-block-area" data-ph-id="ph-page-element-page9-WpucA9"> <button class="btn primary-button ph-a11y-map-button" if.bind="isPopup" click.delegate="toggleMap()" data-ph-id="ph-page-element-page9-rDCAk2"><i class="icon ${widgetBundle['locIconText']}" data-ph-id="ph-page-element-page9-UlSkUd"></i><span data-ph-id="ph-page-element-page9-sVMCmT">${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-page9-3CBjjA"> <div class="content-block" if.bind="mapData.multi_location && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page9-0FjaRE"> <a class="close ph-a11y-close-btn" href="javascript:void(0)" if.bind="isPopup" click.delegate="closeLocationDialog()" tabindex="0" role="button" data-ph-id="ph-page-element-page9-U2k4P7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-N1wJ68"></i> <span class="sr-only" key="ph-location-map-v1-default-90fdqw-0KCL9f" data-ph-id="ph-page-element-page9-ZDVBrJ">Fermez la fenêtre contextuelle</span> </a> <div class="hide" id="ph-pin-info-window" data-ph-id="ph-page-element-page9-8EQNTL"> <div class="info-box" data-ph-id="ph-page-element-page9-ZD7z4z"> <div tkey="pinInfoAddressLine1" tkeys="1" data-ph-id="ph-page-element-page9-RHQdCn"> </div> <div tkey="pinInfoAddressLine2" tkeys="1" data-ph-id="ph-page-element-page9-uxJDjn"> </div> <div tkey="pinInfoAddressLine3" tkeys="1" data-ph-id="ph-page-element-page9-0dtDQA"> </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-SrC7r3"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-ou03Wx"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-Twir3e"> <ppc-content key="ph-location-map-v1-default-90fdqw-Me6Ku2" data-ph-at-id="title-text" data-ph-id="ph-page-element-page9-HjvKNP">Nos implantations</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-6bgxuR"> <ppc-content key="ph-location-map-v1-default-90fdqw-gHiBv1" data-ph-at-id="sub-title-text" data-ph-id="ph-page-element-page9-GYp0WB">Nous vous donnons les outils dont vous avez besoin pour trouver l’emploi qui vous convient le mieux, ainsi que la liberté et le soutien nécessaires pour faire passer votre carrière au niveau supérieur.</ppc-content> </p> </div> <div id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page9-XdZpPP"></div> <div id="map" class="location-map-area" data-ph-id="ph-page-element-page9-ZJr3xg"></div> </div> </div> <div class="content-block" if.bind="searchArray.length && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page9-1gK1Gi"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-MKnvjU"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-qoyWxi"> <ppc-content key="ph-location-map-v1-default-90fdqw-Fckv1B" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-3lakf0">A proximité</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-rjeQ51"> <ppc-content key="ph-location-map-v1-default-90fdqw-HoeEo3" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-5tHcRi">Explorez les possibilités d’emploi dans votre communauté</ppc-content> </p> </div> <div class="hide" style="display:none;" id="ph-pin-info-window" data-ph-id="ph-page-element-page9-3TeDfG"> <div class="infoBlock" data-ph-id="ph-page-element-page9-286ZyW"> <div class="info-details" data-ph-id="ph-page-element-page9-3chlsf"> <h5 tkey="pinInfoTitle" tkeys="1" class="infoTitle" data-ph-id="ph-page-element-page9-wffpFX"> View {{location}} has {{count}} opportunities </h5> <div tkey="pinInfoState" tkeys="1" class="infoState" data-ph-id="ph-page-element-page9-e3tHjQ"> </div> </div> <div class="job-link" data-ph-id="ph-page-element-page9-w7SpU7"> <a tkey-href="pinLink" tkey="pinkLinkText" tkeys="1" class="phs-location-link" data-ph-id="ph-page-element-page9-lq0KDw"> </a> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-DMAeIW"></i> </div> </div> </div> <div class="hide" style="display:none;" id="ph-cluster-info-window" data-ph-id="ph-page-element-page9-wkVDYh"> </div> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-aJFzMd"></div> <div class="phs-location-overview-map-area ph-widget-box" show.bind="!showLoader && !showErrorMsg" data-ph-id="ph-page-element-page9-zMRN6D"> <div class="inputArea ph-a11y-dropdown-box" if.bind="!mapboxGeoSearch" aria-owns="location-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-page9-xTBBSV"> <label class="sr-only" for="location-selector" data-ph-id="ph-page-element-page9-KcAJYK"> ${widgetBundle['locationTitleText'] | pht} </label> <input class="form-control locations" type="text" name="location-listbox" id="location-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="location-listbox" value.bind="filterKey" focus.trigger="fetchJobLocations()" title.bind="widgetBundle['locationTitleText'] | pht" placeholder.bind="widgetBundle['searchPlaceHolderText'] | pht" key-role="ph-location-map-v1-default-90fdqw-YrInhP" data-ph-id="ph-page-element-page9-VUOage"> <span class="icon icon-search form-control-feedback keyword-icon" aria-hidden="true" show.bind="!filterKey" data-ph-id="ph-page-element-page9-XxvjvI"></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-page9-rgVT8e"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-nvV5uR"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-Pf97N3"> <ppc-content key="ph-location-map-v1-default-90fdqw-aYfXgQ" data-ph-at-id="clear-eventsearch-text" data-ph-id="ph-page-element-page9-aOOaLd">Effacer le texte</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-page9-OqWWK6"> <li class="ph-a11y-dropdown-list-item" repeat.for="loc of mapData|searchFilter:filterKey:'key'" role="option" data-ph-id="ph-page-element-page9-Res4pj"> <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-page9-WC31Af"> <div class="icon-block" data-ph-id="ph-page-element-page9-9zBQA0"> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page9-BRRQm7"></i> </div> <div class="location-data" data-ph-id="ph-page-element-page9-XNKrw6"> ${(loc.key || '').trim()} </div> </a> </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page9-acHrYQ"> <div class="sr-only" show.bind="mapData.length" data-ph-id="ph-page-element-page9-NwTazR"> ${mapData.length} suggestions available, navigate to the list to select suggestion. </div> <div class="location-no-data" show.bind="!mapData.length" data-ph-id="ph-page-element-page9-nGyake"> No Result Found </div> </div> </input></div> <div id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page9-4T8GL0"></div> <div id="map" class="map" data-ph-id="ph-page-element-page9-yHlZtV"></div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg || isIEBrowser" data-ph-id="ph-page-element-page9-2lDkrx"> <div class="ie-support-text ${isIEBrowser ? 'inIE' : 'hide' }" show.bind="isIEBrowser" key="ph-location-map-v1-default-90fdqw-PQErRf" data-ph-id="ph-page-element-page9-j7nNlc">Cette fonctionnalité n’est pas prise en charge sur Internet Explorer, veuillez utiliser un autre navigateur.</div> <div tabindex="0" class="no-locations" if.bind="!isIEBrowser" data-ph-id="ph-page-element-page9-N5UeGp"> <ppc-content key="ph-location-map-v1-default-90fdqw-ADYpVu" data-ph-id="ph-page-element-page9-CaaFBw">Aucun emplacement n’a été trouvé</ppc-content> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-location-overview-map-v2-default-1663502911953" nonce=""><section class="ph-widget" instance-id="90fdqw" data-ph-id="ph-page-element-page9-j97QPw" view="1663502911938-default" original-view="default" theme="default"> <div class="ph-location-map-v1-default-default ph-widget-box ph-widget-target" role="region" aria-label="maps" search-result-mode.bind="searchResultMode" hide-location-popup.bind="hideLocationPopup" as-element="ph-location-map-v1" data-widget="ph-location-map-v1" if.bind="locations && assetUrls" map-data.bind="locations" asset-urls.bind="assetUrls" instance-id="90fdqw" view="1663502911938-default" original-view="default" data-ph-id="ph-page-element-page9-z135V7"></div> </section></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-2178815065542176-view3" nonce=""><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Recherche globale" key-aria-label="X9GMVG-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-widget-element-2178815065542176-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-2178815065542176-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-2178815065542176-4"> <h1 data-ph-id="ph-widget-element-2178815065542176-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-2178815065542176-6"> <h6 data-ph-id="ph-widget-element-2178815065542176-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-widget-element-2178815065542176-8"> <div class="input-group" data-ph-id="ph-widget-element-2178815065542176-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-2178815065542176-10"> <div data-ph-id="ph-widget-element-2178815065542176-11"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="Retour" key-aria-label="085VcA-X9GMVG-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-2178815065542176-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-13"></i> </button> <label class="sr-only" for="typehead" key="X9GMVG-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-widget-element-2178815065542176-14" language-overriden="true"><ppc-content data-ph-at-id="globalsearchlabel-text" key="X9GMVG-ph-global-search-v1-view3-searchLabel">Emploi</ppc-content></label> <input type="text" placeholder="Emploi" key-placeholder="X9GMVG-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-16"> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-18"></i> </span> <button ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" type="button" data-ph-id="ph-widget-element-2178815065542176-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-2178815065542176-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-21"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-22">Effacer le texte</ppc-content> </span> </button> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-widget-element-2178815065542176-23"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-2178815065542176-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2178815065542176-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-26"> <ppc-content key="K0tqw2-X9GMVG-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-27">Recherches récentes</ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-2178815065542176-28"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-29"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-2178815065542176-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-32"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-33">Catégories d’emploi</ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-widget-element-2178815065542176-34"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-35"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-2178815065542176-36"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-2178815065542176-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-2178815065542176-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-40"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2178815065542176-41">Emplois</ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-2178815065542176-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-43"> <h2 data-ph-id="ph-widget-element-2178815065542176-44"> <ppc-content key="TB9hsM-X9GMVG-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-45" language-overriden="true">Coe militaire</ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-2178815065542176-46"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-47"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-50"> <ppc-content key="8wcLyW-X9GMVG-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-51">Aucun résultat trouvé</ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-2178815065542176-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-2178815065542176-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-54"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-55">Emplois</ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-widget-element-2178815065542176-56"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-widget-element-2178815065542176-57"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-2178815065542176-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-2178815065542176-59"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-60"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-61">Intitulé de poste</ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-2178815065542176-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-2178815065542176-64"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-65"> <ppc-content key="YfDBVI-X9GMVG-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2178815065542176-66" language-overriden="true">Lieu</ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-2178815065542176-67"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-68"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-2178815065542176-69"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-70"> <h2 data-ph-id="ph-widget-element-2178815065542176-71"> <ppc-content key="2RJqKN-X9GMVG-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-72" language-overriden="true">Code militaire</ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2178815065542176-73"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-2178815065542176-74"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-75"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-76"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-2178815065542176-77" language-overriden="true">Code militaire</ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-78"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-2178815065542176-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-80"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-81" language-overriden="true">Lieu</ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-widget-element-2178815065542176-82"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-2178815065542176-83"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-2178815065542176-84"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-85"> <ppc-content key="FflZgb-X9GMVG-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2178815065542176-86" language-overriden="true">Lieu</ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-2178815065542176-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-2178815065542176-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-2178815065542176-89"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-2178815065542176-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-91"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-92">Catégorie</ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-widget-element-2178815065542176-93"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-94"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-2178815065542176-95"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-2178815065542176-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-2178815065542176-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-2178815065542176-99"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2178815065542176-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-101"> <ppc-content key="wqUijo-X9GMVG-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-102">Recherches récentes</ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-2178815065542176-103"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-104"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-105"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-106"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-2178815065542176-107">Recherche récente</ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-109"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-110">Mots-clés suggérés</ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-widget-element-2178815065542176-111"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-112"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-113"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-114"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-2178815065542176-115">Mots-clés suggérés</ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="kd5SQe-X9GMVG-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-116">Aucune suggestion disponible</div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-widget-element-2178815065542176-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-118"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-widget-element-2178815065542176-119"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-120"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-122"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-widget-element-2178815065542176-123"> <label class="sr-only" for="gllocationInput" key="tA108b-X9GMVG-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2178815065542176-124" language-overriden="true">Lieu</label> <div data-ph-id="ph-widget-element-2178815065542176-125"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="Retour" key-aria-label="RbjVHS-X9GMVG-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-2178815065542176-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-127"></i> </button> <input type="text" id="gllocationInput" name="location" aria-label="Lieu" key-aria-label="X9GMVG-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Lieu" aria-autocomplete="list" key-placeholder="X9GMVG-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-128" /> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-130"></i> </span> <button type="button" class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" data-ph-id="ph-widget-element-2178815065542176-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2178815065542176-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-133"> <ppc-content key="RgN0Ot-X9GMVG-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-134" language-overriden="true">Effacer le texte de la recherche de lieux</ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-2178815065542176-135"> <h2 tabindex="-1" aria-label="Lieu" key-aria-label="mPQ50C-X9GMVG-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2178815065542176-136"> <ppc-content key="OfntkU-X9GMVG-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-137" language-overriden="true">Lieu</ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="X9GMVG-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2178815065542176-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="U1seDT-X9GMVG-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-139"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-widget-element-2178815065542176-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-2178815065542176-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-2178815065542176-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-2178815065542176-143"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2178815065542176-144" language-overriden="true">Emplois</ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-2178815065542176-145"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-146">Aucun emplacement n’a été trouvé</ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-widget-element-2178815065542176-147"> <label class="sr-only" for="gllocationInput" key="ORyyYL-X9GMVG-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2178815065542176-148" language-overriden="true">Lieu</label> <div data-ph-id="ph-widget-element-2178815065542176-149"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="Retour" key-aria-label="X9GMVG-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" type="button" data-ph-id="ph-widget-element-2178815065542176-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-151"></i> </button> <input type="text" id="gllocationInput" name="location" key-aria-label="X9GMVG-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Lieu" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="X9GMVG-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-152" /> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-2178815065542176-154"></i> </span> <button class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" type="button" data-ph-id="ph-widget-element-2178815065542176-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2178815065542176-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-157"> <ppc-content key="2Odx9E-X9GMVG-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-158" language-overriden="true">Effacer le texte de la recherche de lieu</ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-2178815065542176-159"> <h2 key-aria-label="WkFaZv-X9GMVG-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2178815065542176-160"> <ppc-content key="yoBquw-X9GMVG-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-161" language-overriden="true">Lieu</ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="X9GMVG-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2178815065542176-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="obIT8D-X9GMVG-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-163"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-widget-element-2178815065542176-164"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-2178815065542176-165"> <ppc-content key="D9mImY-X9GMVG-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-166">Aucun emplacement n’a été trouvé</ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-2178815065542176-167"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-widget-element-2178815065542176-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-2178815065542176-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-2178815065542176-170">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2178815065542176-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-2178815065542176-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="X9GMVG-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-widget-element-2178815065542176-173">Catégories d’emploi suggérées disponibles. Utilisez les touches fléchées pour accéder aux catégories.</span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="X9GMVG-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-174">${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions disponibles, accédez à la liste pour sélectionner la suggestion.</span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="u3aaq8-X9GMVG-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-175">Aucune suggestion disponible</span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="X9GMVG-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-2178815065542176-176" language-overriden="true">${suggestedMOSKeywords.length} Suggestions d'emplois militaires disponibles, accédez à la liste pour sélectionner la suggestion.</span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="X9GMVG-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-2178815065542176-177" language-overriden="true">Appuyez sur n’importe quelle touche pour obtenir des suggestions d’emplois militaires</span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="X9GMVG-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-2178815065542176-178" language-overriden="true">Texte effacé Appuyez sur n’importe quelle touche pour obtenir des suggestions d’emplois militaires</span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="X9GMVG-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-2178815065542176-179">Aucun résultat trouvé</span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-widget-element-2178815065542176-180"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-widget-element-2178815065542176-181"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-widget-element-2178815065542176-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2178815065542176-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-2178815065542176-184"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1702017312087" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-C3a1Li"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-aeVtlD"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bSMc6k"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-gnH2qk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sPEFui"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1XyEOT"> <div class="widget-container" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-qS9UUF"> <div class="upload-resume-tile-container" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jPDYf1"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vSNsnk"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2CaXV0"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ac7Qs7">Bienvenue !</ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-RFuyK1"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-14j4pf">Obtenez des recommandations d’emploi personnalisées en fonction de vos centres d'intérêts.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-WdFtUr"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Premiers pas pour les recommandations de profil" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-NZPqY8"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SRSsop">Démarrer</ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-dF9Nag"> <div class="widget-container" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BzIpRA"> <div class="post-login-resume-tile-container" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GCzx2t"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7GjK7v"> <div class="user-profile-icon fs-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-buEZo5"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kBCSZ8"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-u8OuHw"></i> </span> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-haV29z"> <span key="WInL32-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-EzkLRU">icône de profil</span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName && profileData.preferredName || profileData.firstName" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-loFChk"> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9a0y9K"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SSiENv"> <span class="recom-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1h3MtX">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName && profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-8hU1kP"> <span class="recom-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-NcEMJF"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="WInL32-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9XFNZm">Vos recommandations personnalisées sur le site et pour les offres d'emploi sont prêtes.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1NCR22">Actuellement, nous n’avons pas d’emplois qui correspondent à vos intérêts. Nous en sommes désolés.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-4jNU4L">Actuellement, nous n’avons pas d’emplois qui correspondent à vos intérêts. Nous en sommes désolés.</ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7YTzB6">À l’heure actuelle, nous ne disposons pas de suffisamment d’informations pour fournir des recommandations d’emploi personnalisées. Merci de votre compréhension.</ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="WInL32-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jZy9UN" language-overriden="true"><a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" click.delegate="triggerSignUpPopup()" href="javascript:void(0);">Inscrivez-vous</a> <span> </span>pour enregistrer votre expérience personnalisée<span> </span></ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-qBwkBi"> <div class="action-area-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eex2Vg"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Modifier le profil" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-qLkmjX"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-5XQELQ"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-feNeQ0"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tqP9jo"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-KV68OO"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sqe9kX"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BBY58A">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BroqsP"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FOBwrg"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-HwTXP8"> <ul data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OpQnoz"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zCSV5f"> <button class="completeInfo-btn" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-39yo9i"> <span class="button-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OqceXA"> <span class="error-icon action-icon" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-p6pYSX"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-60hUMb"></i></span><ppc-content key="WInL32-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JBbXKl">Informations complètes sur le CV</ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-n73lYh"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sl8bYK"> <span class="action-icon" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SHm7pd"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-R0aBEg"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-X7byiI"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0aRWt5"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-M488nZ" view="1702017311448-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="1702017311448-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7QrR07"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ioaayH"> <button id="ph-dropzone" class="upload-btn" aria-label="Utiliser un nouveau CV" ph-tevent="new-resume" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YKsu3d"> <span class="action-icon" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zFUVIJ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XDyXOO"></i> </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QPg4Ys">Utiliser un nouveau CV</ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vVn2cL"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7UTxyb"> <span class="action-icon" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-xzLdfH"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-3cokRy"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ES7Whl"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-xkN8ni"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Yg8kL8"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JNCXPx"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-AKXdsl"> ${socialProvider} </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-DdjizJ">Connecté</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="Se déconnecter" key-title="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9jmTww"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ycRgIF">Se déconnecter</ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && (flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile'))" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-UN0Lpu"> <div class="action-area-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wJTjG0"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="Modifier le profil" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-6YD7AN"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-k9MOA4">Modifier le profil</ppc-content> </button> <div class="reset-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-D8VA3f"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="Réinitialiser actualiser votre profil" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" ph-tevent="reset_personalization_click" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FVMwuj"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-yYMM08"></i> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GcvxEy"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FeXdE6">Réinitialiser la personnalisation</ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-KgnUcG"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-VXAq8L"> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rpzmwM">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-20w8zN"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-J5uLDN"> ${socialProvider} </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7QGTp2">Connecté</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="Se déconnecter" key-title="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-nts3s0"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-A68tJJ">Se déconnecter</ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rEE5tj"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="Commencer la personnalisation de tâche" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZURfRt"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-gf11v3">Démarrer</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FT83Y9"> <div class="action-area-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-aRuqNV"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="Modifier le profil" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Z3XU7Q"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-85VIIi">Modifier le profil</ppc-content> </a> </div> </div> </div> </div> </div> </div> <!--show upload resume and answer question --> <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sdgJ41"> <div class="widget-container" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-n6nYQJ"> <div class="inner-content" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-k2VPOS"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Icl2ST"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Bj4jBy">Choisissez votre voie !</ppc-content> </h2> <div class="p-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1VdYyA"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ErDZoJ">Utilisez votre CV ou parlez-nous un peu de vous</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BySzA7"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zPBtHh"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jOW59v"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sCGnRR">Répondre aux questions</ppc-content> </button> <p class="or-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Vx8IDb"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-5H9ndI">ou</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vm5J5A"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-DATlpf" view="1702017311451-external-upload-resume" original-view="external-upload-resume" theme="default"> <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="external-upload-resume-1702017400082" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-L9vhjP"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-uTsqK4"> <p class="or-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-B9c773"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Rgkoss">ou</ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zi0rit"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ONOUzQ">Répondre aux questions</ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-8YZREn"> <label class="input-checkbox-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-RK3j4C"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label="Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kxWbYy"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JJV5aw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jteiOT"></span> <span class="checkbox-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-38enDe"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-n5WHa2">Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise</ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choisissez votre parcours fermer" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pGehz2"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QTSCvQ"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SfcCwA"> <span if.bind="chooseSteps" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-UJ5OaA"> Choose your path </span> </span> <div class="popup-modal-backdrop active email-validation-wrapper phcriticalhide" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-hHSnsK"> <div class="modal fade in show modal-dialog ph-a11y-modal-email-validation-area email-validation-popup" role="dialog" aria-modal="true" aria-labelledby="modal-heading-id" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-MMLj4U"> <button class="close-popup close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-closePopup" aria-label="Fermer la fenêtre contextuelle" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-yIEIbR"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-gYhKut"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="modal-heading-id" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-W9hk5H"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TFJGvt"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JJFrGf">${profileData.email}</span>${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZuyhYf"> ${tokenExpiryTimeText}.</span></div> <span class="email-send-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-8EQP4W">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bXqyxw"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-fyf-email-sent-failed" tabindex="-1" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wgbuyM"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-v53aZL"></i> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rwJ6Y3">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Kqf4RW"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BX9SDs"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-p1ywGl"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-WaTRBE"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-RX3cwx"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2x5TW4"></i> </button> </div> <div class="modal-body" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SKwfFx"> <h2 class="heading-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-EiRDBt"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="WInL32-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zMWTuK">CV téléchargé !</ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9KNhO0"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="WInL32-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GRUDej">Afin de traiter votre CV et de fournir des recommandations d’emploi, vous devez approuver notre politique de protection des données.</ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BdqOLu"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Qp9YHH"> <label class="input-checkbox-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-w7gFNt"> <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="J’ai lu et j’accepte les conditions" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Pa9LCG"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-l7djMm"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jaKSCz"></span> <span class="checkbox-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BDW3KR"> <ppc-content class="cd-terms-policy-block" key="WInL32-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-V8foiT">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-incFB0"> <ppc-content class="cd-terms-policy-block" key="WInL32-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-LK3mnJ">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-yGUtx7"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bggrHM">Veuillez accepter la politique de confidentialité et les conditions d’utilisation.</ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ApL53B"> <label class="input-checkbox-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1VxQmh"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Enregistrer mon CV et me contacter pour des emplois qui pourraient me convenir (facultatif)" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-lrTvrF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wakV9A"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-F5NM6S"></span> <span class="checkbox-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZX9RUf"> <ppc-content data-ph-at-id="checkbox-button-text" key="WInL32-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zlILyY">Sauvegardez mon CV et contactez-moi pour des emplois qui pourraient me convenir.</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-izoruX"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-mCXqk6"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TnPHk6"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-yytQwg"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0fEOf2"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cyThta"></span> <span class="checkbox-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kLUZXU"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-45JPI5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CibAaw">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-4muIHE"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9Zjl0w"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pSmz2a"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9KgvOE">Confirmer</ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jEITTh"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-ohckrn"> <div class="modal-dialog resume-step" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-28Zsrz"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-MB80uL"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bKLQ7A"></i> </button> <div class="modal-body" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-gkZ7gM"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ekxjTF"> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-xf4xpa"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-lALCM0"> <span data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-N2BiZW"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Wc1LBO"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-VXkErU"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-49KvdM"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-IyzjjH"> <label for="preferredName" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0e32lO"> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-AtAtfv"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GjZG6V"> <span data-ph-at-id="name-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-070d7K"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-f7Y4RA"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-g6bWfG"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bY1U1l"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-AYU4IJ"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-C8XOcI"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-20mRyK"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7k45mU"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-PHwkTM"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-RDJSlF"> <label for="name" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-R8tObL"> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cZsIXW"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wXf3rg"> <span data-ph-at-id="name-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pSM5cG"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-xOci2y"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Afb7WA"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-kwjkKh"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-sPE7dJ"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-c8ypZW"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0oYF4X"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-Efy7F1"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-va4IEO"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-LEBhYY"> <label for="email" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-5ZiUrF"> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SrpqFZ"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-UGMdgM"> <span data-ph-at-id="email-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GgXgs0"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZltmdH"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-C2Zq6W"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-mHL8Sd"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-LkeWXW"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-HCNHKY"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-mSVPlz"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-u01hhN"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zC4Bhc"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-LZFABB"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-agvZnD"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-nSVAop"> <label for="phone" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Z4j8cZ"> <span class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-uD0Blz"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9wI8lR"> <span data-ph-at-id="phone-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-6I5PK4"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jZNmBO"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-8IKpxn"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CoIOOX"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-IYJTPn"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XV1HlV"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-UahOkc"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-L0sBNx"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-S8AKmN"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-McVHub"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-iceaC9"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cpndji"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-d7IJg8"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-FHz4oZ"> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wx8Q5R"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tqqjnG"> <span data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Jxc8C2"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-lYaRdy"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-dUMLDf"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1uKkWv"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-AfU8p3"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vPUYRD"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-DADpJP"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OPILvf"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZYxCXA"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-NpOAj9"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-K6bHph"> <div class="job-title-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eNAagR"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1DZBB4"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-J6ZUqb"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jKfkYW"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wru4hE"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-IRhj3b"> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kWRzPY"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-EYdBzu" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-f4Vr9r"></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-default-1701325089790-ph-find-your-fit-container-v1WInL32-FXkU8O"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-zFt5CW"> </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-default-1701325089790-ph-find-your-fit-container-v1WInL32-AEgzRf"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-IozEBj"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-c4FXnj"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-q4LJZ5"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YcMv6n"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-YjqQvx"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tO82Ln"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rX1yB7"> <h3 class="job-titles-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SYAQ1P"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-pzWRHA"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-GAgrYR"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-eHPfnl"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-14wEH1"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-SjqUUk"> <div class="skills-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-leXQpi"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-qN5kht"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-4tsYng"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-KhpM0v"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QG8v60"> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0PJLht"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-Kv6ZFV" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JMU0tq"></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-default-1701325089790-ph-find-your-fit-container-v1WInL32-RlfMaS"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-qAxzhi"> </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-default-1701325089790-ph-find-your-fit-container-v1WInL32-LwlaGE"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bHkrYQ"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TwInAt"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bG7cWw"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-AuU30a"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-DZpUlQ"> <a href="javascript:void(0);" class="skip-selected each-tag" click.delegate="handleSkip(true)" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9JfWdG"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-iteiw7"> <h3 class="skills-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-m1VXds"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kW6kaS"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-MpZBwI"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-ijyzuW"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cmHPHT"></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-default-1701325089790-ph-find-your-fit-container-v1WInL32-mrCYT8"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Btn3Pl"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OjMu1R"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-Xx8eb7"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-laGS6K"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-haYgqP"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vqiqFm">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-yDZAVB"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- Work Experience --> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-4l7yqm"> <div class="work-experience-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-fXhxoL"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-3G1z4H"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Eki0ZC"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-NWJNPd"> <legend class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TmW1q9"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-a8kUgN"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CNxxlz"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-Vs78Fd" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eNFRZh"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-RkSzQC">${exp.displayName} </span> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-3RPxB2"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <!-- Preferred Location --> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-bCGJDc"> <div class="work-experience-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rAqzCn"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JiTc0a"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GmDXhF"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-6VjDCC"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FuFhGx"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZRaiTG"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-ucdKaT" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rTgeLE"></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-default-1701325089790-ph-find-your-fit-container-v1WInL32-4eHDbp"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-3U9v3F"> </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-default-1701325089790-ph-find-your-fit-container-v1WInL32-MNVNFi"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2Ea3bV"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1w4ulP"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-aKaWDe"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-oqYJfd"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-vpC5BV"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2mLdwV"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pjbHwM"> <h3 class="location-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TBRRxP"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-WDPkwA"> <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-default-1701325089790-ph-find-your-fit-container-v1WInL32-rtqa7S"> ${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-default-1701325089790-ph-find-your-fit-container-v1WInL32-XxfErv"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-AyT0bu"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Inkh8s"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pUol8k"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jOGoBu"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-gtEaVT"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QhFlWl"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1QFtU8"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Vyw9Ae"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Pq3zQl"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-08UsIO"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0peny7"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-A8NxNT"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Nc3yMn"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" aria-label.bind="isDeleteResume? 'reset personalization' : ''" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-resMyl"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-E4Gl6v"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-l4dmKr"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="format non valide fermeture de fenêtre" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-8NSo1m"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-pq8NqX"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BfleDa"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wUxuLE"></i> <span key="WInL32-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tusdfn">Icône d’échec</span> </div> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-e5b1IQ"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-D0uoy9"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-dJYSR8">Oups, format invalide...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CZTKly"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rW05oV">Oups...</ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-NcetHC"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-5SfgbJ">Veuillez télécharger l’un des formats de fichier suivants : pdf, docx, txt</ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2kIpxh"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-mPHdON"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7QCzMs">Quelque chose s’est mal passé.</ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-mDNu32"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-fUvIXR">Veuillez réessayer de télécharger votre CV</ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-2RLQLZ"> <div class="upload-again" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Yk99e9"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tVU3ZP" view="1702017311463-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="1702017311463-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-apVv2y"> <div class="ph-dropzone-area" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eqaQy3"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JRDEbz"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-LXvAGW">Réessayez</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-UinTvq"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="fenêtre de coordonnées de contact fermer" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CV3IXb"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Uh0bsd"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-TZuooe"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-akumYl"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Ip7TtX"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-uojGYE">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9KqwiD"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0UZAXn">Nous avons remarqué que les informations ci-dessous sont manquantes. <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Qsx3CN" /> Veuillez remplir les champs suivants :</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-I3V5Pj"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-caOt9T">Nous avons remarqué que les informations ci-dessous sont manquantes. <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-b1See2" /> Veuillez remplir les champs suivants :</ppc-content> </h2> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tynFjP"> <form role="form" aria-label="Coordonnées" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eRAMr6"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZceZ3Q"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-GXvJSM"> <label for="email" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tsvknd"> <span key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vkljMW">Messagerie électronique</span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-NLSv9A"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-I45JxO">Messagerie électronique</ppc-content> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-R7JBqr"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cqub7c"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmailInputPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-xRL4r0"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-R1f37n"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9724J8"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1lbSqE">L’email ne doit pas être vide</ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7KuN4v"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JmpIru">Entrez une adresse email valide</ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kLUill"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-iiCxiB"> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-kyGftp"> <label for="phone" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-74FMiY"> <span key="WInL32-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-t7ge98">Téléphone</span> <span class="" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wwjuKf"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-iWYX9L">Téléphone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Ku0uQd"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Entrez votre numéro de téléphone" key-placeholder="WInL32-ph-find-your-fit-container-v1-default-ContactDetailsPhoneInputPlaceHolder1" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-dgCmH0"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YSP0jO"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YGsUF8">Veuillez saisir un numéro de téléphone correct</ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-1kjPnu"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OIPkvY"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-wyzSt6"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-tvYBoV">Envoyer</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ReadG7"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="Fermer le popup de login" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-3jw0bh"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-E3LObS"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XGzatK"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YGnm4i"> <p data-ph-at-id="sucess-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FgRydC"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-9Lhshg"> <h2 class="phs-heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7tvo5D"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-rAPsTz">Connectez-vous et sauvegardez vos données pour vos prochaines visites</ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-aNgHy3" view="1702017311465-view4" original-view="view4" theme="default"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1702017484127" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Kmk7GV"></div> </section> <div class="signin-info" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-hP94qG"> <span data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-IX4B0v"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-FHgarh"></i> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-duOS0W">Nous ne publions jamais rien sans votre permission</ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-jzTAUz"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vAryjW"> <div class="failure-img-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-4dYKUN"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-BAYpcE"></i> <span key="WInL32-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-WEAgxJ">icône de réussite</span></div> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-CHMUW5"> <h3 class="heading" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-0HESvq"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-T3D0WG">Super !</ppc-content> </h3> <div class="p-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-cBR3v7"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Ml6cqC">Votre fichier a été téléchargé avec succès</ppc-content> </div> <div class="p-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vObYaL"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-90jn0u">Profitez de nos offres d'emploi personnalisées</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-uKUjiR"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="Fenêtre contextuelle de réussite du téléchargement de fichiers Fermer" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-l40crx"> <span class="btn primary-button" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JOTvK7"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QJ98Ym">Fermer</ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-artO4B"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="Réinitialiser la fenêtre contextuelle Fermer" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ZXzhkI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Y3iVkw"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XIJrWx"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XQx7Bl"></i> <span class="sr-only" key="WInL32-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7jKThP">Icône de réinitialisation</span> </div> <div data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-7jRmN4"> <div class="p-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-3Y1fKT"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-vDIAuS">En réinitialisant la personnalisation <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SF3Ie1" />Vous perdrez vos recommandations d’emploi personnalisées</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Ku84Qt"> <div class="delete-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-HTkxx0"> <button class="btn warning-button" aria-label="Réinitialiser" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-faIg0O"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-oxSrFZ">Réinitialiser</ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-lLdUsc" view="1702017311482-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93o" data-widget="ph-find-your-fit-v1" view="default-1702300097395" original-view="default" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-MJsEI8"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-huJPwX"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-m0WYtU"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-x0jsCX" view="1702017311979-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-1702018835868" instance-id="fyf2" original-view="default" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YfuRAq"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-OdzF7v"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-Odk8Uf"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-PVl0cB"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1702017311463-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-eqaQy3"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-JRDEbz"> <ppc-content key="ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-LXvAGW">Réessayez</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1702017311448-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-ioaayH"> <button id="ph-dropzone" class="upload-btn" aria-label="Utiliser un nouveau CV" ph-tevent="new-resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-YKsu3d"> <span class="action-icon" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-zFUVIJ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-XDyXOO"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1701325089790-ph-find-your-fit-container-v1WInL32-QPg4Ys">Utiliser un nouveau CV</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1702017400082" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-P3PNfc"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="KC13d0-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-ymiSVG"> <div class="dropzone-content" data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-0h3EcQ"> <div class="content-holder" data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-WRWvO1"> <span data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-QB6Yqx"> <ppc-content key="pXjmey-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-1702017311451-external-upload-resume-ph-import-resume-v1-89OmNg" language-overriden="true">Utiliser mon CV</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1702017484127" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-nINFA2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-2YMUMb"> <!-- 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-1702017311465-view4-ph-social-connect-v1-wD2V2v"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-eV8vGb"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-70bZ9H"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-Z0593K"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-ZKdYII"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-vldsLw"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-7UHD1l"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-QswnHU"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-8JGy0T"> <ppc-content key="Luhcqf-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-rK1aDW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1kjKWLg"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v1ePmJxg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-P7njde"> <span class="social-checkbox-btn-text" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-V1CmQU"> <ppc-content key="9B1ljE-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-aA1LEk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1kjKWLg"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v1ePmJxg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-1zhu5H"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-YLbrrj"> <span class="social-alert-msg" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-U82f4M"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4-listRole" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-4sXSe7"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-Kt8d6x"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-H2Eq3G"> <div class="icon-block" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-6q7ZEe"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-MsN5di"></i> </div> <div class="text-block" data-ph-id="ph-1702017311465-view4-ph-social-connect-v1-YKW6op"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1702018699069" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-QWHai1"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-arKc4E"> <!-- 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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-vtBv3r"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-s8RGnk"></i> <span data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-OyrD0h">${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-m1MDAx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-YCKVU0"></i> <span data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-OvRHfN">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-v5qZSk"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-bPpwSC"> <!-- User details --> <div class="user-details" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-7n1bta"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-pfHPaD"> <span data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-NbZJSv">${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-17up7j"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-dtrXEo"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BaASFQ"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-97eblm"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-SUeZYJ"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-crdBzZ"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-9XGr1d"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-1oyLL6"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-xR17Wb"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wiERPp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-3dzyse"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ciLrvb"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-LDYi7E"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-fKKbu7"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-I6zpgl"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-jEBV1h"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-29DWRA"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-qGjGqG"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-9S4WAL"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-VvBXCN"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-3XLfwN"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BP03N7"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-v3LDUa"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BD2qGH"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-01NpPo"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-3d79gL"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-jiQh7X"> <form novalidate="" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-7qTMwO"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-siFoTS"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wO6Q2H"> <label for="signinEmail" class="form-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-RUakQi"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-xwMQhp"> <div class="text-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Ymfkdg"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-TXmrrV"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-fCaHi5"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-5GP9TS"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-M7ljWR"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-z002bj"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-c3I5ay"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Ivz18l"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-nJRQsn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-oY22wt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-almdTY"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-29v9WJ"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-56cEQ9"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-uoCO4j"> <label for="signInPassword" class="form-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-DbvOAw"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-v9IzCK"> <div class="text-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-JUizoi"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-mOm11W"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-sx73ST"></i> <div class="pswrd-visibility" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-V0d4YY"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-odLJPb"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-X7gPtp"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-r5Lfd8"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-GEcwMw"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-C9nhhw"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ogQLvS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-51MNRT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-yLgEOi"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-eFOV7a"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-QIpkPZ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-TDeCpn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-UzezJ8"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-4Q1iYz"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-i6Wg0Q"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-lGqkxp"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-gPnGaB"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-i1XaZV"> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-JzKaOO"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-KaNRhN"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Vig0FC"> <div class="user-options" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-7LEwGv"> <span class="each-option" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-fb39WM"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-1JGRxs"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Avahwi"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-JTn9Ey"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-NVh81o"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-keBs0x"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-N519gc"> <span class="forgot-password-area" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-P5IZVm"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-e56Plw"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-rZzxUU"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-KDqOpq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-4JZ5pI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-A3eOoE"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-DbFs47"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-kvViWD"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-T9FZib"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-mxn0Ka"> <span id="cd-pf-recieve-email" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-rfos7q"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wFgqce"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wCWUoC"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-8AiCxF"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-2ENv0q"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-p2Dsvk"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-B4r9ua"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-q0gf66"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-urwSoR"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-HI3oSL"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-3mt4wG"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-qoI7cu"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-WqHeJd"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-6PZjoI"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-nxHQb9"> <form novalidate="" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ZA72Fv"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-gNXJll"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-LJXjRB"> <label for="createEmail" class="form-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-zfVAiM"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BNAifG"> <div class="text-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-c06nrW"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-HM033M"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-F2pCu0"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-E0poQC"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-SviWeZ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-2XUyf4"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-w7baVd"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-MbT3ZW"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-byJ3Hi"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wv1yWE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-qRypkH"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-jFapiD"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-7snmVG"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-JoGrxp"> <label for="createPassword" class="form-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-NDo7em"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BUgYoX"> <div class="text-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ZEo7QS"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-rhTer7"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-qaKQb7"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-UvDEzO"></i> <div class="pswrd-visibility" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-pqQlmI"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-6V0jk9"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-moT02w"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-6MYklb"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-d5WHan"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-JIE6MN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-QYdT3w"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-HYccFz"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-hc9WJg"> <span class="sr-only" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-htCXqJ"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-fAyHV7"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-SXIBZz"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-DpULCj"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-atrDb8"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-AFM2Ms"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-erLoXH"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-STWSFi">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-nqj1xV">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-VTOe6J">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-1pMYuv">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-NS7eq4"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-0o6CVN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-WRYiE3"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-WLPTUN"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-5H5ThT"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-GEPna8"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="fyf3-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-PvTuoF"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-doLPWf"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-BnRkKa"></i> </span> <span class="checkbox-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-5s83md"> <ppc-content key="fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-rnMyZ0">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-ph-candidate-login-v1qVqKXe"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-ph-candidate-login-v10zgTt1"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-36BOTu"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-FxlvQR"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-AhVmsw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-aQ5ayI"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-RRYfzB"></span> <span class="checkbox-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Eh2u67"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-9oKoom"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-olaWq5">*</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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-wGQ7Ti"> <span class="sr-only required-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-pNTdNH"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-v5bYya"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ldW3zv"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Pph9Tz"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-9dlSpA"> <span class="alert-msg" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-rrxUi2"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ZNwWhl"> <div class="form-container" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-sj5cOF"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-MWcxaz"> ${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-MK3sGc"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Racv9S"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-mB8zIC"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-NifwnZ" view="1702018699057-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-1702301137476" original-view="view5" instance-id="" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ZhwqnU"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ID5tT6"> <span data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-FWf9od"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-UNk6N0"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-ShmatR"> <span data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-75beG5"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-mzE6kk"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-TA9DNU"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-4uyhcN">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-jhcCLm">${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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-PgQmh6"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-SMiPty"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-TT2ANY"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-sKYWUt"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-S7E7cP"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-RB60vt"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-6u7RqN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Q72FK3"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-E1BGMw"></span> <span class="checkbox-text" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-DXlvHu"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-Ec62if"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-z3Uzzq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1702017311941-default-mobile-ph-candidate-login-v1fyf3-hcGv6j"> <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-1702017311941-default-mobile-ph-candidate-login-v1fyf3-0LvQOU"> ${!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-1702018835868" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-cJgCCh"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-TxQSWr"> <!-- 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-1702017311979-default-ph-candidate-login-v1fyf2-3jkK1t"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-C2ZgMV"></i> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-FEmYr2">${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-1702017311979-default-ph-candidate-login-v1fyf2-a4abRt"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-weMB1T"></i> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-jO14v7">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-aFjMYM"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-4N3zDu"> <span if.bind="registeredSuccessfully" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-g2RYaL"> 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-1702017311979-default-ph-candidate-login-v1fyf2-Wg0nN1"> <!-- <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-1702017311979-default-ph-candidate-login-v1fyf2-xn5oWt"> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-WIkXHl">${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-1702017311979-default-ph-candidate-login-v1fyf2-l05yw2"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-zlHBhg"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-KdqjZ7"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-RmCLOL"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-KXdRkQ"> <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-1702017311979-default-ph-candidate-login-v1fyf2-1X78Iu"> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-7T67Qz">${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-1702017311979-default-ph-candidate-login-v1fyf2-Dnt3qL"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-VVdoZX"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-LpzJfS"> <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-1702017311979-default-ph-candidate-login-v1fyf2-uYnjJc"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-7qjLT2"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-3dxTFQ"> <div class="user-actions-list" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-bgVrQ2"> <div class="user-actions-listitem" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-oXHwZv"> <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-1702017311979-default-ph-candidate-login-v1fyf2-4EU0Jp"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-4ymdzq"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-G06Siv"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-DWxMUI"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-9GdJwb"> <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-1702017311979-default-ph-candidate-login-v1fyf2-gyqnUO"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Inb47j"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Th1gV2"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Zc6sQr"> <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-1702017311979-default-ph-candidate-login-v1fyf2-rM7dX4"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-9P7W5u"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-kF2kwR"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-MAUbu9"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-PdToBr"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-lb1X6a"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-mHrnms"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-5UhGv6"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-R9N2Hj"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-aj7kqQ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-hlwq7F"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-5yNRlL"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Q4678S"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-Dfq7Vi"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-nEBHQ8"> <form novalidate="" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-edIcqb"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ExY0yk"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-7tb9ng"> <label for="signinEmail" class="form-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-hAxNVf"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-tTI6kA"> <div class="text-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-EoWAqw"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-vZELSU"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-33XE45"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-7v8mnM"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-IBPuX9"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-dwz9l6"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-xvzsI9"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-N51vFv"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-Doc1OZ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-0tjMLH"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-dsDhvy"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-lUDTWl"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-2G8XT7"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-VPNfLd"> <label for="signInPassword" class="form-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-aKg14j"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-B9UkZz"> <div class="text-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-IFgKDh"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Flsy8r"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-dHZilg"></i> <div class="pswrd-visibility" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Hh8AUu"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-rouPGh"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-loh2UQ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-oDF6bd"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-3j5lvQ"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-E5jy9C"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-W1trsE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-rEz3WC"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-qLvv1o"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-bOuMXr"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-bxxVhz"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-SneD5o"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Ban0Bv"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-QQc3pl"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-L7werB"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-uoh4he"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wEVsNa"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-nuvfO8"> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-EU3BvL"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-8ScAjx"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-w45FM7"> <div class="user-options" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-R6JJMP"> <span class="each-option" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-eysI4B"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-iRgQqz"> <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-1702017311979-default-ph-candidate-login-v1fyf2-vDHhsv"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-5wCq6C"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-DyUtn0"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-XHX8VB"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-1ULctL"> <span class="forgot-password-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-AMqCCZ"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-cEN9KZ"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-c64iNz"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-2iNioO"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-T9QITl"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Dxao0x"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-HR2Te4"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-f97h89"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-sN5hwy"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-xsNejd"> <span id="cd-pf-recieve-email" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-SsEJrq"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-NkhiNb"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-8Hw12o"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-6h647b"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-7UYcmp"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-P3FfTM"> <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-1702017311979-default-ph-candidate-login-v1fyf2-yzVROH"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ZDyemf"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wf0Yf9"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Ez7QrX"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-1Qdfmh"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-xlTano"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-PsgtXR"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-P9rlbJ"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Kw4oNs"> <form novalidate="" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-nfvJ78"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-MCbZ9k"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-FSqa3F"> <label for="createEmail" class="form-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-K4vzM2"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-agygP7"> <div class="text-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ZKGlku"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-33BkDV"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-u5siTK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-1FUigz"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-1oxPKb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-gDQ7cR"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-iMjc9N"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-DMuXiP"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-BftthC"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ehBmku"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-PcRy6k"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-fYYA2z"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-NIsl5K"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-HfBDgh"> <label for="createPassword" class="form-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-NmstgH"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-uArllr"> <div class="text-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-SSQEFK"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-qh5ltG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-vNlEJ0"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-h4YIr3"></i> <div class="pswrd-visibility" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-i8FU6G"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-QpZ38u"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-KZsOZA"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-KL47SH"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-zGTr5b"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-fEP6FR"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-jXkfYp"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-Vg7tQN"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-5vYuEe"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-PEzUsI"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-QV5kmJ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-oO4BI2"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-8jyQt6"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-8fEVAJ"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-08CfVx"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-MbVg6v">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-zfFgnJ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wV8cYN">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-g9Oyun">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-TcfPZq"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-eugRMs"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-QQHIzU"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-lW2nom"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-IxZ4D9"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-IrGE5u"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="fyf2-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-iLGFWK"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-GiCXB2"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-8RfHhD"></i> </span> <span class="checkbox-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-zeO4eO"> <ppc-content key="M949uQ-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-kJo82P"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1IPtjeb"> ${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-ph-candidate-login-v1n0zWkH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-D0JGwo"> <span class="checkbox-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-VOEust"> <ppc-content key="MoLOxC-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-AWubOH"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1IPtjeb"> ${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-ph-candidate-login-v1n0zWkH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-3se7qg"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-dK2YEj"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ucZExR"> <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-1702017311979-default-ph-candidate-login-v1fyf2-Xp270L"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-uUXvG6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-kAQDxm"></span> <span class="checkbox-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-569W7M"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wgEdxj"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-lxNoZE">*</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-1702017311979-default-ph-candidate-login-v1fyf2-Dph09E"> <span class="sr-only required-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-9NFgVF"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-EfuyHF"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-qlVFmG"> <span class="alert-msg" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-u9xGAF"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-6cJMhk"> <span class="alert-msg" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-aja6eL"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ApdXrP"> <div class="form-container" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-59Y1cn"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-vI1nxB"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-j2MPaa"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-hsCXhM"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-kqn1jE"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-BD572x" view="1702018835855-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-1702301137591" original-view="view5" instance-id="" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-3JOA7M"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-ACFBWY"> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-fmsvj4"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-QSu4nJ"> ${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-1702017311979-default-ph-candidate-login-v1fyf2-ttcxvF"> <span data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-3aVO4T"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-UVGnsN"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-O4tgGR"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-VyMA8V">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-924l4A">${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-1702017311979-default-ph-candidate-login-v1fyf2-3nPuO3"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-9x2zNN"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-edsFkF"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-StGrTb"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Bnpnlh"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-mRDZMm"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-JFSD73"> <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-1702017311979-default-ph-candidate-login-v1fyf2-EW6U7k"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-cV8J4j"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-zItDHv"></span> <span class="checkbox-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-18f40U"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-Xp3l95"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-epphl2">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-sEXFCN"> <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-1702017311979-default-ph-candidate-login-v1fyf2-didOV6"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-LgUktt"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-sBdqOs"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wIakDo"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-cY4WOn"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-i2B2p6">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-2hP3aY">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-9Zoabf">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-X7bvcA">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-wbR0kn"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-5rIrrD"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-KTqU7Y"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-gZPxjV"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-l6Bb5u">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-7XPZCD">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1702017311979-default-ph-candidate-login-v1fyf2-47ai2O"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1702300097395" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XiZ0Go"> <div class="widget-container" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PVhNB0"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MIvDIL"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6713f2"> <div class="fyf-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4g0LPn"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pMcjmD"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DgWqNu"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fBOQgJ"> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tbpvJY"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-j8HWn2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MpmeXS">Connectez-vous afin d'enregistrer vos informations et d'être reconnu lors des prochaines visites.</ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-phxiq1"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zU1f0T"></i> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Z8dY1h"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Yr4Kcj">Rassurez-vous, nous prenons votre vie privée très au sérieux. Nous ne publierons jamais rien sur vos réseaux sociaux.</ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Dg4llV" view="1702300096957-view5" original-view="view5" theme="default"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="7uyy7u" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1702301137718" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-87ym7A"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Cf3KCJ"> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Y6hEr4"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CtfpmN"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2eFFRn"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nG2Id3"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zmaC8R"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mcQ8FH"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UgLvAl"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-eohxD9"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-amaWNt">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-N10D71"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oZJP0l">Quels sont vos centres d'intérêts ?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2IDVMp"> <legend class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3MR3wp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nwJKcN">Quels sont vos centres d'intérêts ?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hN4rtW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dJs6su">Pas de catégories.</ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-daQkc2"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BS9qO3" /> <span class="cat-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jZzOwj">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-b435KW"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oDsxPZ"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IU8Xk9"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EdCnVK"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sOfdXu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Bq9lvA">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7NkMAz">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pkUuQd"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hXis5D">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oneV6q"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XM6I76"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JgqAfu"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-NCtfSa"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-n5Ivx4"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MRsDny"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-47rkHs"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-prBoCE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p8oSwE">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DfEd0W"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-f3qPod">Quels sont vos centres d'intérêts ?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="6ty93o-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WCzstM"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9bzM40"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3YlzW2">Pas de sous-catégories.</ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KwuciU"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-i7NcMM" /> <span class="cat-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wUP6qE">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-kfJNI2"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6jEHPE"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6r9MBL"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YUJZa2"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XzZs8X"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rUqM9o">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-w3Fyv8">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-85II5p"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nKyzUL">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-18nTWX"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Mc86rQ"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6ecjg0"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-F9vhBv"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OZgb4R"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Cj3NNf"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5Z5CWy"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nndX5a"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JoroXa">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZWDgaC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qYWwWN">Quel est l’intitulé de votre poste le plus récent ?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vDg7rt"> <label for="recentTitles" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ytjSla"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8NHli6"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="Quel est l’intitulé de votre poste le plus récent&nbsp;?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-gUndno"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Rechercher l’intitulé du poste" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tgvBKY"> </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="Effacer la recherche" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MTau4e"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-teiOL3"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Bvz57j"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hrNiAo"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DQe4Rq">Aucun résultat trouvé</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vKrfzI"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-eqAZxL"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="6ty93o-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WrESoy">Aucun résultat disponible</span> </div> <div class="radio-btn-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GQfJWp"> <label class="input-radio-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xPYKtb"> <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="Je viens de débuter ma carrière" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LZAcse"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WSCHp7"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-e1vWma"></span> <span class="radio-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Km5jtF"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-N4BrEW">Je viens de débuter ma carrière</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Nvvj8n"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-y4NS4P"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iSNYfh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EkemNi">Suivant</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uYbEnX">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FZqaw6"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QAVtZI">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fCAzQy"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-lxwLu4"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zIFj5w"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zT6YO7"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Q4HZrw"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0OacDa"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5PBVYr"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YOWcj2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p8pwSq">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JmPlfK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GPSveU">Dites-nous quels sont vos savoir-faire</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yZS2QU"> <label for="skills" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Gcc6Dx"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YiXJfm">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qw5Qg1"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2mbF0s"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ypR9Gm"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-d67CIw"> <div role="list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Kp0kVx"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wqW6ln"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-bDPnII">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="supprimer&nbsp;${suggestedSkill} compétence" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SORAR2"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p389aY"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xNqKj4"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wdhuS9"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Dites nous quels sont vos savoir-faire" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yjqdzY"> <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="Recherche de compétences" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-AKgKZy"> </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="Effacer la recherche" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xrPTfB"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TV7sWS"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-t2uuF6"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2lQdOJ"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3QGfH7">Aucun résultat trouvé</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WWwmsm"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GDNxBY"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="6ty93o-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-H6Fc9F">Aucun résultat disponible</span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8pWhxq"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BbFWyi"> <h3 class="suggested-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PkuEQE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xNW9hY">Compétences suggérées en fonction de vos intérêts et de l’intitulé de votre poste :</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Vycwc4"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hDWQXb"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2YG5L3"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-NRAw9N">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vQqEOa"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qAV7Jk"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7HmJcq"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LSXyOL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-poSxDO">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ou80Ap">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-D6SGcG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5pwAOe">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mBFPjK"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wMOTO0"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6Zz9z1"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6TOfGg"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-t5EbZT"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Y18X4k"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cAMhIK"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tjDMEq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TqKMQq">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JgvAav"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8bdeEG">Quel est votre niveau d’expérience ?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iz4pSk"> <legend class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HWBome"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JokgUY">Quel est votre niveau d’expérience ?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-evelG6"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HXXFtc"> <span class="radio-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JYhBIG"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CW1BgK">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zzXTyf">Année</span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sQnH00">Années</span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Bo3xmt"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5V0KjM"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-NZYFOa"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-njydBy">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zQRS9Y">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-X6d2eC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ne10MH">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-gtvNO6"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yKMasq"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mjRreL"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6DMmpI"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8C4fzH"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5IMJ4b"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xxQngB"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sy6zeP"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UwfRYh">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3UEsQL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cMqbpj">Quel est votre niveau d’expérience ?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93o-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Q85fc7"> <legend class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9f3urx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-er8Bcg">Quel est votre niveau d’expérience ?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DwnzsC"> <span class="check-mark" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jGUWyM"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iOnAXL"></i> </span> <span class="radio-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wiaEeF"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PMVkD6">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MPM4Td">Année</span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vQqV9h">Années</span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6fmBBT"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0cRSJk"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-kG54kX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JGHrmg">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tTogp5">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WeEZmW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZyKPfO">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XngqD9"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-AImMLs"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-opj3UG"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uWOZhz"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hVPigG"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6Wdi0a"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HGxyVN"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7bwI4c"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wa5l9A">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zGgUFs"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CT9i11">Quel est votre emplacement préféré ?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qiSOhe"> <label for="locations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HBYdvm"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aaA3EE">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-35eAox"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zDgoGW"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Mo4qdV"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8N2Zbg"> <div role="list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ySTQFd"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wEMyU3"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8QsS5R">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="supprimer&nbsp;${selectedLoc.location_display} emplacement" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rZNqza"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YsEftd"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2WGSuM"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0405AW"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="Quel est votre emplacement préféré ?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TxJkB5"> <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="Rechercher un lieu de travail" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6hmNdt"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label="Effacer la recherche" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2hk67j"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FLpdJA"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-S6XSdB"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2BqLG0"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Y2D90B">Aucun résultat trouvé</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tKAOds"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2uzpg3"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VON61k">Aucun résultat disponible</span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4FPzHo"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6K3icD"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sc8juV"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-X4KGeG">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1g5VDt">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-W9KlFP"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fZ7nvV">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-i1PAPi"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-C94ALQ"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-U0UDl4"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hqoA0H"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-u4DCtr"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-56UxSk"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fNUvbe"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8zCuKC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MDiGI8">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Pxp9XW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-bnbYb2">Quel est votre emplacement préféré ?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MrUV2x"> <div class="preferred-location-container" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pER47f"> <ul class="" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZdFDrx"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZLhUoE"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mFn3Uq"> <label for.bind="loc.name" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VsbDLM">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iAdLKL"> <i class="icon icon-user" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vd0AMS"></i> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-A6UrPW">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nRCZuv"> <label for="locations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-h17nMA"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WNdo1o">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5FhQQX"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VL6hf2"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TEVB8a"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jrhCsN"> <div role="list" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-n3FNHR"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-V933Kw"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ekmuMV">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="supprimer&nbsp;${selectedLoc.location_display} emplacement" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QObaQ3"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rP2xRl"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WODNRA"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UbIGTK"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="Quel est votre emplacement préféré ?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Rq3O9W"> <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="Rechercher un lieu de travail" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Nu1BO4"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label="Effacer la recherche" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-D0ekEa"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XRBYnp"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Mj0lRs"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4AtBXD"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UBwdSx">Aucun résultat trouvé</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-t1uOhB"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-W1bwW2"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xsj1EQ">Aucun résultat disponible</span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6NJwlF"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YsibU0"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TxkmtK"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DkNQ9Q">Suivant</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Rwwnb7">Effectué</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WT2hLi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-byLAxR">Effectué</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9J0GMh"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SdJGdP"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IT1q9T"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-girtkI"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rpy9ae"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JIooDY"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Ilq7dd"> <div class="modal-body" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vYaog0"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-X50OTw"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QU3Ahl" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aT8r8g"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DtKV9F"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DHCmyR"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0exfg2"> <div if.bind="showContactInfoScreen" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4m2JA2"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2oRzXs"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-P6FKjy"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ntYQci"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p4DP6q">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Ce9kvo"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jJTCHw">C'est sauvegardé ! Vous trouverez ci-dessous vos recommandations d’emploi personnalisées.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zLmKye">Actuellement, nous n’avons pas d’offres d’emploi correspondant à votre profil.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MehkIf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0DDSDh">Si nous trouvons l’emploi qui vous convient, comment pouvons-nous vous contacter ?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ukDQnu"> <form role="form" submit.delegate="" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vcf91d"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vfaP7s"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-bGJriH"> <label for="email-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MvzZXA"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Jm3Kvt"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailTxt" data-ph-at-id="email-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xP2Pz3">Adresse email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1ieVnKf"> *</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DLoReE"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Entrez l’adresse email" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolderTxt" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8xc0DE"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8PrMcC"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-btPWpM"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FBamA6">L’email ne doit pas être vide</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uoZb8b"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YIKie2">Entrez une adresse email valide</ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-b8TpVa"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vv60ce"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EryEtt"> <label for="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OMSwTk"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vanrFg">Nom d’usage *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BqSr6j"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cyccKN">Nom d’usage <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-riTSOy"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Renseignez votre nom de préférence ici" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UuO1OP"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hbomx9"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-waGedW"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-A4slxF"> <label for="firstName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KbecOO"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EFGcBQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoFirstNameTxt" data-ph-at-id="name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ToW9oo">Prénom <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1noqqdp">(facultatif)</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tj8zWz"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Renseignez votre prénom" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfFirstNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EgE3wF"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-t6adlU"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-AmjlZx"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IagYpE"> <label for="lastName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LqlPlg"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QbFmdi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoLastNameTxt" data-ph-at-id="name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wtB1rJ">Nom de famille <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1z9m0rL">(facultatif)</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jbp2To"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Renseignez votre nom de famille" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInLastNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TImtar"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-NEggpe"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FrbtcE"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-d29jNH"> <label for="phone" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Veysoz"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WXiSVU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneTxt" data-ph-at-id="phone-text1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-kmBx6h">Numéro de téléphone <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v17XLhCb">(facultatif)</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oExZgB"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlacHolder" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OBHGI3"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sVLumU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-A1fS4g">Entrez le numéro de téléphone correct</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vdv2Jf"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CTOCFz"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-skVDfy"> <label for="uploadResume" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZHT4nZ"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-heBq5Y"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoUploadResume" data-ph-at-id="name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MXUOeu">Téléchargez votre CV <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1IaXwqQ">(facultatif)</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KLyjtD"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tlelcd" view="1702300096979-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="1702300096979-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9TWviA"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-gSsQTk"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Utiliser un nouveau CV" key-aria-label="6ty93o-ph-find-your-fit-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jajSMA"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SpU377"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vMUMVR"></i> </span> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nrakCR">Sélectionnez un fichier à télécharger.</ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xPGYGR"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UdQWXi"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hg8HRk"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Af3Fjo">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0p9OHa"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DHCXEg"></i> </button> <span class="file-format" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zGCAbw">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Z70vTE"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wsH5qG"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xY3GWT"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dm8DGO"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yV3oc2"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xv5PL2"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-npSGKg"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YH2wSm"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3ElSUd"> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HByAiZ"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jBZ5lK"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2qPfzI"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6TsO0A"> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UJ8qOc"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-K0C3Ip"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-q7SXjP"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BcMIgY"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9GRKCj"> <span class="icon-container" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BaPOLb"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QKfzsO"></i> </span> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HquyWw"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GE5ajA"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aDZpbp"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HAnNfL"> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IMRMwq"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hA5Rhj"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Yk3rSV"> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sdnwPU"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MpkMNi"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PZgLqk"> <span class="sub-heading error-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GyVfzY"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hLmxJe"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VHTtAY"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Do2q60"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vRoxUJ"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HFYmm2"> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aRxBpD"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-d4PdOX"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xazduN"> <div class="heading-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5CJcv3"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fMVfI4"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jMG1Cp"> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-M1xS2r"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7XugAM"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-671MlL"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TVVIkD"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-a5uAq3"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-I8OhIe"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MmymLH"> <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="J’ai lu et j’accepte la politique de confidentialité et les conditions d’utilisation" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9GXelT"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pXPXCu"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-bzMTxx"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CVDZ5z"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1iAgdJ">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ruSfjG"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cXqnmW">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DvfnZm"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xr8Pp9">Veuillez accepter la politique de confidentialité et les conditions d’utilisation.</ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dXtMLm"> <div class="checkbox-btn-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qrTVlL"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xnZdkY"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-I2ugVR"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KUr47w"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ucVDva"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-prHhE2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fxw4zu">Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XcVvsg"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ooR6Yk"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1QNv3V"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-20m430"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-czvTAL"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-War1ST"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VVRYZH"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-L972PV"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-x2ECbC">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-fUuD7o" view="1702300096983-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-1702301228491" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4T3Mkj"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mTpMwa"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dh6R3X"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2oHyaK"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2yRyNw"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label="Soumettre les informations du profil" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZxNPcD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-C1VbTu">Envoyer</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VRMSau">Envoyer</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1rPW3y"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-j2xxNi"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CB0Bur"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1QJotc"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wOKUVu"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TvYoF3"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EVz3wY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2WItjO">C'est sauvegardé ! Vous trouverez ci-dessous vos recommandations d’emploi personnalisées.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sINtdr">Actuellement, nous n’avons pas d’offres d’emploi correspondant à votre profil.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nEgBz4" view="1702300097017-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-1702300912439" instance-id="fyf1" original-view="view1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9Le68a"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5J9J6y"> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p652Kw"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pZFydU"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VFpO4v"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KHVjpx"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-AVUG80"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-czLHTc"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tY0PhR"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-z1xe9i"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-AH1v8A"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3LorAe">Mince ! Quelque chose s’est mal passé, veuillez réessayer dans quelques minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-G5tftD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JeD2A2">C'est sauvegardé ! Vous trouverez ci-dessous vos recommandations d’emploi personnalisées.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wW4dCX">Actuellement, nous n’avons pas d’offres d’emploi correspondant à votre profil.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Nh2zbb"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-db92cn">Si nous trouvons l’emploi qui vous convient, comment pouvons-nous vous contacter ?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-n57W2l"> <form role="form" submit.delegate="" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oO0bOo"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-davkJJ"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TedLdD"> <label for="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qEcaSq"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hUiEAS">Nom d’usage *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xnkpK1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UGoE7d">Nom d’usage <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-RlBBmG"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Renseignez votre nom de préférence ici" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-saITaH"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wTqyOL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ed7q7f">Le champ nom favori ne doit pas être vide</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wyn4Iz"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-N3vOX5"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tkdiKk"> <label for="name" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-duiJBo"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Xeck2a">Nom complet*</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WjX17p"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BLNQj6">Nom et prénom <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1Y2D2Cx">*</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-u1bJRu"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Renseignez votre nom ici" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zG16BP"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-NOiGMS"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XzYrvh">Le champ nom ne doit pas être vide</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BzWGHS"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IS4bx0"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iursjD"> <label for="email-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OwHSOj"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IYvzCU">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tzE7TI"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3SsiNe">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v12EOPtz"> *</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EapVXa"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-T4Vys3"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZHHKlb"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-68jXIh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ACQ4eM">L’email ne doit pas être vide</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yXzUBW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TbDxJD">Entrez une adresse email valide</ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hKaILt"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-MtJ5HZ"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ARjBRE"> <label for="phone" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CbRAa8"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wUA8Im">Téléphone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Ru8Trr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oIFxTw">Téléphone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XSmKve"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QJtV3F"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CrrrVy"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dKzxcK">Entrez le numéro de téléphone correct</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-er1sU0"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rbVwR5"> <div class="security-info-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZwQ2ZA"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VTfR8p"></i> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YvJ9Ql">Nous prenons votre vie privée au sérieux.</ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FMiabv"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5wSSVl"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-KEHad8"> <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="J’ai lu et j’accepte la politique de confidentialité et les conditions d’utilisation" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LwsQ5k"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DLKftb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XAfYUn"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-eMPpxO"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Ar5LHp">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TRJ9iW"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jOR2Ur">J’ai lu et j’accepte la<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> politique de confidentialité</a> et <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">les conditions d’utilisation</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Xl3ncx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-T8UfWb">Veuillez accepter la politique de confidentialité et les conditions d’utilisation.</ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VVAYPJ"> <div class="checkbox-btn-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-rl1yZN"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cz9aOz"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-h2ms6Q"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-HgVO7J"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6QhRFk"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-G9m692"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aoamdJ">Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BdZjml"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8vA8FS"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Aqpmot"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7bXdGz"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1TddKg"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dOPkdw"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-RIq9YV"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EjfanB"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ly2vEG">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ljz7rg" view="1702300097160-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-1702301228592" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-we9q4f"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tuYaFx"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TMWM4o"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jgIi0D"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nti0Eo"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label="Soumettre les informations du profil" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PRm9rQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-z45UVx">Envoyer</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DSyups"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FG8QVU"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Qjm7Rm"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uA5bUJ"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dU9erp"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2BKT18"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uHDVU7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mAnpKR">C'est sauvegardé ! Vous trouverez ci-dessous vos recommandations d’emploi personnalisées.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2HFyBj">Actuellement, nous n’avons pas d’offres d’emploi correspondant à votre profil.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5yXxia" view="1702300097178-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-1702300912682" instance-id="fyf1" original-view="view1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hBUQMX"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ROozdV"> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EiXmvP"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OEVLH4"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-YE0H04"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-319osr"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-U1W1sL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yipCeW"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Fbjc2Z"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yb8s3A"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GBiYCr">C'est sauvegardé ! Vous trouverez ci-dessous vos recommandations d’emploi personnalisées.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zEp27r">Actuellement, nous n’avons pas d’offres d’emploi correspondant à votre profil.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CGJB2G"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-K1qden">Connectez-vous afin d'enregistrer vos informations et d'être reconnu lors des prochaines visites.</ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4dDCdk" view="1702300097353-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="1702300097353-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cNwS2Y"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-M6L1Jh"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yLK9ce"> <div class="widget-container" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nYGzTg"> <div class="content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LfYFIO"> <ul class="login-link-list" role="list" key-role="6ty93o-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QKcRyT"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="6ty93o-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GdkKPi"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZsXHjd"> <div class="icon-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9QFj69"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-meIZEL"></i> </div> <div class="text-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dS0yUY"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LFf507"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-q1gom7">ou</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Cwh4JV"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-O81U3j">Si nous trouvons l’emploi qui vous convient, comment pouvons-nous vous contacter ?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SWATzt"> <form role="form" submit.delegate="" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5f9Vbj"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-sa1H4Q"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-XiMo2h"> <label for="preferredName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PqK1YB"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-gum3Kp">Nom d’usage *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6CU84f"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-cMn3xs">Nom d’usage <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VRyIXs"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Renseignez votre nom de préférence ici" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SOhzSt"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Z52mAo"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-72zUmL">Le champ nom favori ne doit pas être vide</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qV14K5"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pp5cWB"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JGTbYD"> <label for="name" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Zm4K1R"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-E7MhaG">Nom complet*</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8AgEde"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-CzCWX2">Nom et prénom <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1Y2D2Cx">*</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0X8mij"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Renseignez votre nom ici" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-OWvM8n"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-S80kca"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2fWD8R">Le champ nom ne doit pas être vide</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ny4cej"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1fthel"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vlB0vz"> <label for="email-2" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-lYrnA8"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZnKZ9X">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-pm5kBB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-p1Er31">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v12EOPtz"> *</span></ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IEHbc6"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oS11nt"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-7a1MxW"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-61S4Cy"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GQxbar">L’email ne doit pas être vide</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZaLUZ8"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qggOnF">Entrez une adresse email valide</ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-qwwtSt"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mVMYDJ"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-tpLU9Q"> <label for="phone" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ccOU5Y"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-bizqBq">Téléphone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iO61SE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-iYeZKi">Téléphone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-91SoqN"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6rmf5z"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-4mu8lJ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IOwwY8">Entrez le numéro de téléphone correct</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-JePeXQ"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-mSHysc"> <div class="security-info-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-M9L2tb"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ANzj5a">Nous prenons votre vie privée au sérieux.</ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PL4KA2"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-2QQq0M"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-TBepzq"> <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="J’ai lu et j’accepte la politique de confidentialité et les conditions d’utilisation" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6V9wVb"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IRahSV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VSjtPK"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EDGX7E"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LwyFC4"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1WEZptf"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1dqptW3">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0e88tC"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DZyLxL"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1WEZptf"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1dqptW3">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-lsyE9s"> <div class="checkbox-btn-group" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3UT1Cj"> <label class="input-checkbox-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Cg1pg4"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nOREjN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-eqUUV8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Dr2S4U"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-wSgrU0"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vJOmMC">Je souhaite m'inscrire pour recevoir les mises à jour de l’entreprise</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hpWzl8"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0PnVhN">Veuillez accepter les conditions d’utilisation et la politique de confidentialité.</ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-23MuvP"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8nGTrN"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-b9X9nk"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hxAPEi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9BAlwT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ooianA"></span> <span class="checkbox-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZY7U5E"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZnNof7"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-IJRDEB">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-3m19oc" view="1702300097356-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-1702301228695" instance-id="fyfconsent" original-view="default" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-6m2711"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8qAzU5"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GRcTsx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-guC8JZ"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ewktIv"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label="Soumettre les informations du profil" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oF21Mr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-5gitBS">Envoyer</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hgj7mo"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="Étape précédente" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-1nUm4P"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-PXsjmQ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-v0PdFY"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nFcPQ4"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-BL5E7z"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-VL7u0J"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-8Cb38o">Passer</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Cx2HYR"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-juajHg"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jUiVYP"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-aiscPo"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-lu3c7H"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-WxpFS5"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ADngwx"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-oFrQHH"> <div data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-uTJJma"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-EvFAkS">Aucune étape n’a été trouvée</ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-O8jScg"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-FrIy7c"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1702300096979-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-gSsQTk"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Utiliser un nouveau CV" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-jajSMA"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-SpU377"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-vMUMVR"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nrakCR">Sélectionnez un fichier à télécharger.</ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-xPGYGR"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-UdQWXi"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-hg8HRk"> <span data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-Af3Fjo">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-0p9OHa"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-DHCXEg"></i> </button> <span class="file-format" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-zGCAbw">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1702300097353-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-M6L1Jh"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-yLK9ce"> <div class="widget-container" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-nYGzTg"> <div class="content-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-LfYFIO"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-QKcRyT"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-GdkKPi"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-ZsXHjd"> <div class="icon-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-9QFj69"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-meIZEL"></i> </div> <div class="text-block" data-ph-id="ph-default-1702017545456-ph-find-your-fit-v16ty93o-dS0yUY"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1702300912439" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-WHJAGU"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-jjs8K9"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JL2Udt"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-GY4YhE"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-oe1xEm"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ih5M1A"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-5L4YKa"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-HhN1TB"></i> <span class="alert-msg" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-XcTUv5"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-V1cRkT"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-oAFVhX"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-qWAPs8"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-VJymT0"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zGzwF7"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-DNeLMe"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-TcyEo3"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-BZ3ayP"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-xWHUfl"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-A4I0wc"> <form novalidate="" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-d6xwcg"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JnMtls"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-uG4TzK"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-chaCsS"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Mppgoh"> <div class="text-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-NpAdhV"> <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-view1-1702300420903-ph-candidate-login-v1fyf1-oSu8oC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-b67hr6"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ESwGEh"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-7Z3r4Z"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-De6tbA"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-a1JbJI"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-aLNPdQ"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-jBiREZ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-jz6Izw"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-w0Onsl"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-WkHSyu"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-EViw9Z"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-oAzMcq"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-9hJqm5"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-QVVOxG"> <div class="text-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-OjnSwn"> <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-view1-1702300420903-ph-candidate-login-v1fyf1-96P87M"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-VbvLWL"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-iiRCiD"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-tONETo"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-mvNb9k"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-4usL5E"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-YCP2Y6"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-1nXLZz"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-DP87GS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-F0BCyF"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Zn5Ez3"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-D7ULeJ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-6DCQrt"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-vYK3Wn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-D9EtEp"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-sRJubB"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-YjSQff"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-0OaGGR"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-28DbCj"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-xqFCzD"> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-9vhefu"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-mk3ZH0"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-NmOQbq"> <div class="user-options" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-FiMPpw"> <span class="each-option" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Vg4fpI"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-MNnpNn"> <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-view1-1702300420903-ph-candidate-login-v1fyf1-6dmoOZ"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Zpd2Y6"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-vsUpMw"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-XCzBCG"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-RcqiEF"> <span class="forgot-password-area" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-MZXyZp"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-lmNybA"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-xUzU0y"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-nHHNd6"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-fZVCPc"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-l0zLUX"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-3KOBoq"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-cBvesy"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-T2Ertu"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-3RVfZS"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-aKcaHl"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ic1see"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-l6pGOm"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-2Jzd8b"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-gH1P5o"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-CVfEqA"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-gcEEdL"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-5hYujX"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-YjrzZF"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-cDFxsR"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-FEhKyV"> <form novalidate="" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JYjp7P"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-mUUQk5"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-W0MorN"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-vaQHLo"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-bSGmaz"> <div class="text-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-IHmF79"> <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-view1-1702300420903-ph-candidate-login-v1fyf1-cmLAio"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-OvhBP1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-57EC6N"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-NB2C2D"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ECZmbp"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-88pxXD"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-BzBtoy"> ${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-view1-1702300420903-ph-candidate-login-v1fyf1-u8l2cD"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-NbSFJP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JKkdFd"> 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-view1-1702300420903-ph-candidate-login-v1fyf1-jZ9Ezb"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-k2kh0S"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-QeV9Lo"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-O2ZhMw"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zmtCgn"> <div class="text-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ENI7gE"> <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-view1-1702300420903-ph-candidate-login-v1fyf1-DqPAyU"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-fIFfwE"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-aUZty5"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-kNUen2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-TGMTZa"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-8bbhtF"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-4tyAAV"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-FQRGax"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-SvbAb0"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-aanP6T"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-K9cXFz"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-AFfp2k">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-w3lYgP">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-KeXDFp">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-lLQpEK">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-X57rWK"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-YN029D"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-QaFNYO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-i68IQJ"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-xVRrPV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-tCTfEE"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zjOutQ"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-vMkyLj"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-8rUUMh"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-QeOjXj"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-mDNe9R"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ekoyw1"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-dHCgte"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="fyf1-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-0kkQnv"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-x5ZzUb"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-yIwMVH"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-uE5uhK"> <ppc-content key="XoD0Cu-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-3vi6ZM"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zceY0p"> <span class="checkbox-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ct8wUp"> <ppc-content key="WNmVb2-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-NENiDY"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-RRNeR1"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-eXYvJA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-O1DZtQ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-TvF9Xj"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-SOCkk5"></span> <span class="checkbox-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-9yHAOM"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-AyP7d1"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-CKaExh">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-f15Zkb" view="1702300912415-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-1702301228810" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-YzFTbC"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-lQ9PB2"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-4oVVva"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-GIHXjD"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-edMQY5"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-i9dc9K"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-UxJT9c"> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-bvITAp"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-djmVc2"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-APHoK5"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Wjk8Sa"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-BCAk0a"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-KW7JMk" view="1702300912426-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-1702301137836" original-view="view5" instance-id="" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-2EAAit"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-wJeHVE"> <span data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-gy9yiG"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JPKOit"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-w53mbh"> <span data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-tfNg21"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-FF3g9W"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-6JSQRc"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-S0HYD4">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-HbqU3H">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Kzq13U"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-CAMEUP"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-daB6pT"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-IfaLM3"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-eikiJl"> <form novalidate="" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-5c7OAn"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-TbXD1F"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-sEWmmX"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-p7CELj"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-C5I9L4"> <div class="text-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-QWxBIj"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-56Gl5d"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zelFsZ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-XnGDgf"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-tnMLVG"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-SqaaWK"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-gZeLb9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-EJJK8l"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-O48rvq"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-aglqsH"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-GcKgtG"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-GhU2UZ"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ftVXNV"> <span class="sr-only" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-sJp6RC"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-wjvEzG"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-7CCpk5"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-g36VqF"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-7UlJzT"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-cIEm7W"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-qS1RVF"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-FzM03A">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-duEbNh">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-4V3bTz">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-5CDewN">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-J7msY1"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Qv97Yg"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-AUEiVf"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-634LML"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-js2XJT"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-zZzEtc"> <div class="form-container" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Hhc5Kb"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-j8KG2l"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-XF1lsb"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Wd99y0"> <button class="close-popup close" key-aria-label="fyf1-ph-candidate-login-v1-view1-closePopup" aria-label="Fermer la fenêtre contextuelle" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-2A0a3s"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-fFEuVp"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-KTdYuD"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-yx7PeC"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-JCelr1">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-Ts2eQ7"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-vBwzmP">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-dHi5mg"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-fdnWwI"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-ESQfJc"></i> <span data-ph-id="ph-view1-1702300420903-ph-candidate-login-v1fyf1-TSGLc8">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1702300912682" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-AkbV1G"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-8MqJvV"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-cZP44U"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vAc5vh"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EcusZ8"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-YkA93o"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Z8xBgw"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-OhPABO"></i> <span class="alert-msg" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-KVTwXY"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ufe0AO"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Gt7O7x"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Y7XwDO"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EPD5qh"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-a8jLQr"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-VUslqD"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-iADPRW"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jtIgZD"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-Q9LiPl"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-O9thiQ"> <form novalidate="" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Sd3XpD"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-fYzkai"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-heAWGU"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-497MET"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-6hS6v3"> <div class="text-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Kmf7w3"> <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-view1-1702300421108-ph-candidate-login-v1fyf1-qjauk6"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-6iFlKF"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-yCcB7K"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-YU7R1R"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-IIbQdH"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Gicb72"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-E9MWsC"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-24JtS8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-bcOzm9"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-bqls2E"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-QesTbM"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jwN3SW"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-LDXVSe"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ff2IkJ"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-HXiFMO"> <div class="text-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-MVejB6"> <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-view1-1702300421108-ph-candidate-login-v1fyf1-eaxOXI"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-suCkLu"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ywsh7t"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-3W5SBM"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jMOaWx"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-DZXi9s"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-lEr6jx"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-HW4iLS"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-OodSHF"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-6iJNGZ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vm6cYG"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-TeAFfn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-iar7B1"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-CDvRt4"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-qQZ2Gn"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ow8xTH"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-k37O74"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-auTlnS"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-4pfB0X"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Wr4dvK"> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-rWlvSb"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Cc4Sx2"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-GM1EWF"> <div class="user-options" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-fYiIhd"> <span class="each-option" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-88SvfP"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-2RSEjl"> <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-view1-1702300421108-ph-candidate-login-v1fyf1-Vzydry"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-4M2lyf"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-pMLbkO"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-XUwWsX"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vMMbII"> <span class="forgot-password-area" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-gsjlaZ"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-XD9Rzq"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-iJXBzS"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-frKYMR"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vm98yr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EE3jtV"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-DbwhR6"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Qx4T6L"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-pRVJXF"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-oE0dOn"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-qPPdmJ"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-gwJylw"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-blRPvL"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Ng2pCH"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-92qVSC"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jkv7PR"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-2GMkzG"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-9RxtFq"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wdPWaQ"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-fEWWHO"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-8XUupb"> <form novalidate="" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-luTbMT"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-AdtrSz"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-NJeVs1"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Txt6dS"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-u1sCVb"> <div class="text-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-FYbQdF"> <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-view1-1702300421108-ph-candidate-login-v1fyf1-TXOK1U"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-qQ2fww"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-a2ZpHp"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-R1jIeM"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-QCOLwX"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-0aKKvg"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-bXnROa"> ${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-view1-1702300421108-ph-candidate-login-v1fyf1-yaprzU"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-8kY5xj"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-0biWZD"> 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-view1-1702300421108-ph-candidate-login-v1fyf1-Q3LpFa"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vVKvlV"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-1D226i"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Jb4VwF"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wwzV4w"> <div class="text-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-OJKw5N"> <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-view1-1702300421108-ph-candidate-login-v1fyf1-0D3AJp"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-XTA9OV"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-3RQI2Y"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-L4mXXL"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-DdGaLH"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vpO0q9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-yI3hUY"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-0txHXh"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-rfh4TW"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-rxBOBI"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-f1nTIX"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-mCRo19">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ODWy12">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-TOC1L2">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-FJFexl">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wFYpxl"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Yr6pif"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-YyJP4b"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ivv0qO"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-qHzjNi"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-1jvHzu"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-3mDNd2"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-2W3Amq"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-bvzWIJ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-us7kKL"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-2HpLgw"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-g9RLG6"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-MH81YB"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="fyf1-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jHRKzT"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-4NGnXy"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-fQfXIN"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-7NVOyl"> <ppc-content key="ousKgK-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-96gRRm"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-18vSYk"> <span class="checkbox-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-nw2zLt"> <ppc-content key="levrBN-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-PHbfcc"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wJ7x6i"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-98kEUZ"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EM07iU"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-MCY7pP"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-QTt8U7"></span> <span class="checkbox-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-23MABp"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-uQuOf4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-odOWjc">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-KKckas" view="1702300912415-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-1702301228911" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wu5xl1"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-jRHp1O"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-SyWH0i"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-TLxI6Q"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EItuuJ"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-dXhKeW"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-8fGjbo"> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-FKOu3P"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ip0gLN"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-40mGQK"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-7EBxwR"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-usHMAK"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-j4lYfm" view="1702300912426-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-1702301137948" original-view="view5" instance-id="" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-q8XcKV"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-KUlJa1"> <span data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-j1xeaF"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-P2qAkb"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-qJTkD8"> <span data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-vaJVsd"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-zhGGBp"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-RVy7hj"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-LPZBqA">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-mWCG8t">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-NtbREY"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-aSrrwo"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-WQHQ9f"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-LzOLDW"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ytw4ik"> <form novalidate="" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-rkWYNP"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-TR27JJ"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-OjQydZ"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-wPi8Hl"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-OnL2HI"> <div class="text-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-fmTmL3"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-RMualt"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-WG0P7j"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-4CIiVR"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-xVFE9y"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ybMzMa"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-sckQ1A"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-YqIBpP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-N76xTN"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Vg5cAO"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-B0rmMt"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-8CyYuO"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-C8h9IU"> <span class="sr-only" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-mgH7gw"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-oIHdMh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-SHwEas"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-5dsWuW"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-BpZ456"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-bQfcED"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ObCIqT"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-3TmY01">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-l1K0cF">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-k9qvIu">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-yA5wZI">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-hOUtrO"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-6aNoKI"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-nb49S0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-aEXxO5"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-RiRwnD"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-pOV0la"> <div class="form-container" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-6G4rLO"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-CKWfEt"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-0pmMQj"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-p6Z4Mf"> <button class="close-popup close" key-aria-label="fyf1-ph-candidate-login-v1-view1-closePopup" aria-label="Fermer la fenêtre contextuelle" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-cnEvfs"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-ZAKMMW"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-Vk3bSb"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-3dMBrj"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-gDYzy7">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-1Zw09z"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-woSXbf">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-1BIuwv"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-EEFdWB"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-uivaoc"></i> <span data-ph-id="ph-view1-1702300421108-ph-candidate-login-v1fyf1-w4yqWt">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1702301137476" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-9Zn0xa"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-N9MGMx"> <div class="widget-container" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-DqiP02"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-aiTCV3"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-0s5Vdf"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-ud32rf"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-qtZWJb"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-vSmdMP"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-jvBhWM"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-4RSHxb"> <ppc-content key="H08XCW-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-VaFnXk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-L5xW1e"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-7oPi9i"> <ppc-content key="QhAOV0-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-9fE7AL"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-hgxcV1"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-HCLHbs"> <span class="social-alert-msg" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-EvDBT7"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-cObhhS"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-quWKRB"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-qi7Eaw"> <div class="icon-block" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-UdKIF4"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-dTbAuf"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1702300677261-ph-social-connect-v1-PlNbSS"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1702301137591" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-UXNd4D"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-8WWYor"> <div class="widget-container" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-4t3Qxf"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-dbpUYV"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-GQi06h"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-0mN2vS"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-A4TxN2"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-rKOGKO"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-0MqU7n"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-cKI0YT"> <ppc-content key="EB0G0c-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-FOQZ9s"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-g2eJmf"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-8iHDza"> <ppc-content key="xyVDek-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-laWx4S"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-FXU1vj"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-S1c0Kx"> <span class="social-alert-msg" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-W2aBEq"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-OtC69s"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-P44HL1"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-8UpetQ"> <div class="icon-block" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-kqSCyH"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-6ZIQ60"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1702300677401-ph-social-connect-v1-yXtvsG"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1702301137718" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Qe7tTG"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-h0MJTD"> <div class="widget-container" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-YfBKcg"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-tBEH6f"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-y0KNvh"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-iUdr1Q"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="7uyy7u-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Uk5JY6"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-4UAxTG"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Atkf5u"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-9GHlqj"> <ppc-content key="d1KXlT-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Sd0W88"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1APxLLF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1UFyjoi"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-nK3sF0"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-sbGiaG"> <ppc-content key="7Tzjdk-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-iV68Za"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1APxLLF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1UFyjoi"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-SofkaY"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-kLVRV9"> <span class="social-alert-msg" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-bpVTvt"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="7uyy7u-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Prlx6I"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-Kx40Rd"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-tQ6FyO"> <div class="icon-block" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-dWY2Fi"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-LtvLi0"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1702300677539-ph-social-connect-v17uyy7u-L7OWw6"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1702301137836" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-wVUGJk"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-k6Gg74"> <div class="widget-container" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-wvsQ1s"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-FcKUxG"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-AaajPY"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-APSKPV"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-IlVTsF"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-4R4TNU"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-qxb6vj"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-HaC1MQ"> <ppc-content key="xzQfm7-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-2BetXT"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-SaYD65"> <span class="social-checkbox-btn-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-0cV7Fk"> <ppc-content key="anuvLa-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-etVT6J"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-DVMIuD"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-im8gFK"> <span class="social-alert-msg" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-i1YGrl"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-SJGFMr"> <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-1702300912426-view5-ph-social-connect-v1-SK2UAa"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-9NIJ3S"> <div class="icon-block" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-CbjcOn"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-6dJBMe"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-5soudz"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1702301137948" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-wVUGJk"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-k6Gg74"> <div class="widget-container" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-wvsQ1s"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-FcKUxG"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-AaajPY"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-APSKPV"> <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="J’ai lu et j’accepte la politique de confidentialité." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-IlVTsF"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-4R4TNU"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-qxb6vj"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-HaC1MQ"> <ppc-content key="xzQfm7-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-2BetXT"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-SaYD65"> <span class="social-checkbox-btn-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-0cV7Fk"> <ppc-content key="anuvLa-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-etVT6J"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-DVMIuD"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-im8gFK"> <span class="social-alert-msg" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-i1YGrl"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-SJGFMr"> <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-1702300912426-view5-ph-social-connect-v1-SK2UAa"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-9NIJ3S"> <div class="icon-block" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-CbjcOn"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-6dJBMe"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1702300912426-view5-ph-social-connect-v1-5soudz"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1702301228491" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-iGWEzm"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-PgUHpo"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-ppQvMy">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-uzNgY1"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-B0eYzz"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-GDDXiw"> <div class="close-popup-btn" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-5omL1i"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-9WV8XV"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-nb6iGN"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-rjjAvX"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-flwwe2"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-2avdji"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-LkXuI5"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-MRPWS2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-IMIZko"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-298K44"></span> <span class="checkbox-text" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-sqLHGS"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-Zcroja"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-qtrH7f">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-aZtAaH"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1702301002124-ph-consent-popup-v1fyfconsent-I4DREl"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1702301228592" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-imtl1v"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-w5f1vF"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-AGoOaq">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-K6Uucf"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-sxKOcm"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-it0neK"> <div class="close-popup-btn" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-dphfre"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-1oyqKN"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-vrnn6M"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-uFUSMK"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-JVh5uK"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-9uYJYG"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-KqkozF"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-fyyEI0"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-QMuLSt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-Boj5eV"></span> <span class="checkbox-text" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-oCYsDB"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-iUBpXK"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-GOmbeR">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-5K3aLk"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1702301002242-ph-consent-popup-v1fyfconsent-ccR5Nk"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1702301228695" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-Tt5yj6"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-KpCgLR"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-MXwHhg">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-8xeqOg"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-IortkD"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-dr5cqm"> <div class="close-popup-btn" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-5LkCJV"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-Tfqufu"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-dBjxOC"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-ASuNmn"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-ePEFlj"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-u9ngD9"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-xN7J18"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-sswEff"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-mbsU7F"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-G1IuUp"></span> <span class="checkbox-text" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-J2MBZx"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-Y592KM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-Iyt5fG">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-nSFBxQ"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1702301002356-ph-consent-popup-v1fyfconsent-BQWfme"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1702301228810" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-tOfZJf"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-sk1kgt"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-AMBWMl">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-WjfzEN"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-2VsBtY"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-josKLS"> <div class="close-popup-btn" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-TG8zj7"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-hZ9UNo"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-sSmBI1"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-pPciwZ"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-oDBAau"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-RAfKET"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-URS36r"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-Vtc1CS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-vwzM59"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-5EdWtB"></span> <span class="checkbox-text" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-jiDObH"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-lJbMzg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-j1enwq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-cDOUhr"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1702301002462-ph-consent-popup-v1dk1signup-6FVmuk"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1702301228911" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-xTIkU9"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-tQnExT"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-xLkuCL">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-hZS8x4"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-6RGjhb"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-M30EjU"> <div class="close-popup-btn" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-sCkfE5"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-QmcTo8"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-VPD9vr"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-2hYvSn"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-B3TIBT"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-iPoG7I"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-xx9SNB"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-zrzTlf"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-h3aqBW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-mXg7v9"></span> <span class="checkbox-text" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-3dXlLD"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-ZaWiKA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-Qg9nhI">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-diVijD"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1702301002587-ph-consent-popup-v1dk1signup-s2QxMW"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-view9-1663493277164" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-page-element-page9-8MOYZk"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ph-category-overview-v3-view9-2MB4Jy-kaJwHl" aria-label="Explorez votre avenir" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-gOPgsV" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-page-element-page9-g3nIPT"> <div class="widget-container" data-ph-id="ph-page-element-page9-Kear43"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-tEf5Pm"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-blBgwp"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-5uqXuY" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-HS67F1" language-overriden="true">Parcourez nos offres d'emploi</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-ahbLjp"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-FP6C5f" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-F2nX1E" language-overriden="true">Nous vous donnons les outils dont vous avez besoin pour trouver l’emploi qui vous convient le mieux, ainsi que la liberté et le soutien nécessaires pour faire passer votre carrière au niveau supérieur.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-0WU3co"> <div class="${mode}" data-ph-id="ph-page-element-page9-YEXa9w"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow} category-list-view" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" if.bind="((mode == 'slider') && currSlideData.length) || ((mode != 'slider') && categoryViewModel.length)" data-ph-id="ph-page-element-page9-VN48VG"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-page-element-page9-kMgHC5"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key +' '+ category.total_count + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-page-element-page9-A3LapN"> <div class="category-info" role="text" data-ph-id="ph-page-element-page9-fTyMLA"> <div class="title" title.bind="category.key" data-ph-id="ph-page-element-page9-kMGZQW">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page9-E4J1lp"> <span data-ph-id="ph-page-element-page9-7F7uIC">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-KwcH0D"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page9-JAHwzy"> <span data-ph-id="ph-page-element-page9-AoGx1h">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-U2j5Cz"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page9-x4pC23"> <span data-ph-id="ph-page-element-page9-kUlEeu">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-bUaADK"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <div if.bind="mode != 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page9-khi79i"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-access-list-item="${$index}" aria-label="${category.key +' '+ category.total_count + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-page-element-page9-UdCwZt"> <div class="category-info" role="text" data-ph-id="ph-page-element-page9-12uXim"> <div class="title" title.bind="category.key" data-ph-id="ph-page-element-page9-XpNht2">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page9-gyWWy8"> <span data-ph-id="ph-page-element-page9-uyKEJ5">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-KcFdNY"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page9-H6LWE1"> <span data-ph-id="ph-page-element-page9-AK6NWQ">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-0hRa3c"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page9-5OQxyz"> <span data-ph-id="ph-page-element-page9-rDDvo7">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-uBqR2F"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-page-element-page9-7yY6tB"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="Voir encore plus" title="Voir encore plus" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="ph-category-overview-v3-view9-2MB4Jy-Dv09H7" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-wvCOBj" key-role="ph-category-overview-v3-view9-2MB4Jy-YYhWHm" data-ph-at-id="seemore-link" data-ph-id="ph-page-element-page9-WsAODP"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-PmZ4wo" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page9-f4ux78" language-overriden="true">Voir plus</ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="Voir la suite" title="Voir la suite" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="ph-category-overview-v3-view9-2MB4Jy-nnZJqe" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-i8jRbV" key-role="ph-category-overview-v3-view9-2MB4Jy-6QIR3x" data-ph-at-id="viewnext-link" data-ph-id="ph-page-element-page9-BmnfMd"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-q1nW0L" data-ph-at-id="viewnext-text" data-ph-id="ph-page-element-page9-fiUvnS" language-overriden="true">Voir la suite</ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="Voir tout" title="Voir tout" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="ph-category-overview-v3-view9-2MB4Jy-YSmAsz" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-q9e2Sy" key-role="ph-category-overview-v3-view9-2MB4Jy-EPVbG1" data-ph-at-id="viewall-link" data-ph-id="ph-page-element-page9-OnteQ3"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-kmRObm" data-ph-at-id="viewall-text" data-ph-id="ph-page-element-page9-HdDkPr" language-overriden="true">Voir tout</ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Afficher moins" title="Afficher moins" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="ph-category-overview-v3-view9-2MB4Jy-J1XafI" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-hWvhvZ" key-role="ph-category-overview-v3-view9-2MB4Jy-lTQoT1" data-ph-at-id="seeless-link" data-ph-id="ph-page-element-page9-s8EdAB"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-e0bUlp" data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page9-ElUw8U" language-overriden="true">Afficher moins</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-page9-lOoD1l"> <a ph-tevent="previous_slider_click" role="button" aria-label="Voir la diapositive précédente" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="Voir la diapositive précédente" key-title="ph-category-overview-v3-view9-2MB4Jy-EEYxKC" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-WHTejt" key-role="ph-category-overview-v3-view9-2MB4Jy-FYs3X2" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page9-7g2R8a"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page9-t9Tohe"></i> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-fFGCvz" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page9-NYdB6c" language-overriden="true">Précédent</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="Voir la diapositive suivante" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="Voir la diapositive suivante" key-title="ph-category-overview-v3-view9-2MB4Jy-kU1SPI" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-izVYsR" key-role="ph-category-overview-v3-view9-2MB4Jy-gh6OIT" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page9-8xMN5N"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-DKY3i6" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page9-CulFqQ" language-overriden="true">Suivant</ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page9-tdzmNL"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page9-UsCxUW"> <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-page9-ekMCdr"> </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-page9-TcrJrJ"> <a ph-tevent="previous_slider_click" role="button" aria-label="Voir la diapositive précédente" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="Voir la diapositive précédente" key-title="ph-category-overview-v3-view9-2MB4Jy-leUkz8" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-IP8zxO" key-role="ph-category-overview-v3-view9-2MB4Jy-WhO97d" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page9-wFxelG"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page9-xIZQZV"></i> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-7O5oWI" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page9-wtGxL1" language-overriden="true">Précédent</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="Voir la diapositive suivante" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="Voir la diapositive suivante" key-title="ph-category-overview-v3-view9-2MB4Jy-IljNy8" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-7Qzo6y" key-role="ph-category-overview-v3-view9-2MB4Jy-rrTlPO" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page9-19rYXK"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-4MwfKY" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page9-igEqTZ" language-overriden="true">Suivant</ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page9-JV30tn"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page9-fFLq6q"> <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-page9-6VXJad"> </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-page9-JndQA1"> <p data-ph-id="ph-page-element-page9-XM6WBU"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-tAO7ur" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-5xf2HC" language-overriden="true">Pas de catégories.</ppc-content> </p> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722508075271.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/tenantcss/main-1710930557048.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/tenantcss/color-css-1719299971241.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page9";</script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-category-overview-v3-view9":{"categoryCountPlural":"Opportunités","categoryCountSingler":"opportunité"},"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} profils précédents","google-signin":"Se connecter avec Google","profileCountSingler":"{{profileCount}} profil précédent","facebook":"Se connecter avec Facebook","google":"Se connecter avec Google","privacyPolicyCheckboxText":"J’ai lu et j’accepte","linkedIn":"Connectez-vous avec LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"Pour continuer, merci de lire et d'accepter les conditions ci-dessus.","duplicateProfileInfoSingler":"{{profileCount}} un profil identique existe déjà","termsOfUseText":"Conditions d’utilisation","duplicateProfileInfo":"{{profileCount}} profils en double trouvés","termsLink":"javascript:void(0);","privacyPolicyText":"Politique de confidentialité","google-sign":"Se connecter avec Google","privacyPolicyCheckboxSeparatorText":" et ","mergeCount":"Fusionner la sélection ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Annuler","resumeResetDropDownText":"Réinitialiser","contactDetailsAreaPreferredNameInputErrorText":"Le champ nom favori ne doit pas être vide","resumeLocationSuggestionAriaLabel":"Suggestions d’emplacement de travail","contactDetailsAreaHeadingText":"Confirmer les données personnelles","resumeSkillSet":"Ensemble de compétences (étape {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Nom ","resumeCancelPopupSubHeading":"En 60 secondes, nous vous trouverons l’emploi adapté","resumeExperienceSubHeading":"Vérifiez et mettez à jour vos coordonnées.","resumeSkillSetSuggestionsHeading":"Vos compétences","contactDetailsAreaNamePlaceholder":"Entrez votre nom","resumeLocationSubHeading":"Vérifier et mettre à jour vos coordonnées","resumeLocationPlural":"locations","contactDetailsAreaEmailInputErrorCorrentFormat":"Entrez une adresse email valide ","resumeJobTitleSuggestionAriaLabel":"Suggestions récentes d’intitulés de poste","resumeStepsSubmitText":"Envoyer","resumeCancelPopupCancelBtn":"Annuler la personnalisation du site","resumeResetDropDownAriaLabel":"Réinitialiser la personnalisation","resumeSkillSetSingular":"Compétences","resumeEditDropDownBtnAriaLabel":"Modifier votre CV","contactDetailsAreaNameInputErrorText":"Le champ nom ne doit pas être vide","resumeExperienceLegendText":"Expérience","contactDetailsAreaPhoneInputErrorText":"Veuillez saisir un numéro de téléphone correct","resumeCancelPopupHeading":"Êtes-vous sûr de vouloir annuler&nbsp;?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Intitulés de poste","resumeLocationSingular":"emplacement","contactDetailsAreaSubmitBtnText":"Envoyer","uploadResumeProfileFirstName":"Bonjour {{userFirstName}} {{userLastName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Localisation (étape {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"Le site carrière a été personnalisé en fonction de votre CV '{{resumeName}}'","resumeLocationSuggestionsHeading":"Vos emplacements préférés","contactDetailsAreaEmailInputErrorText":"L’email ne doit pas être vide","resumeExperienceYearsText":"années","resumeEditDropDownText":"Éditer","resumeLocationSearchPlaceholder":"Rechercher pour ajouter des emplacements","resumeCancelPopupContinueBtn":"Continuer la personnalisation du site","resumeJobTitleSearchPlaceholder":"Rechercher pour ajouter des titres","resumeSkillSetSuggestedHeading":"Sélectionner les compétences suggérées","resumeSkillSetNoResults":"Aucun résultat trouvé","contactDetailsAreaPreferredName":"Nom préféré","uploadFileSizeError":"La taille du fichier téléchargé ne doit pas dépasser {{fileSize}} Mo","resumeLocationSearchLabel":"Rechercher des emplacements ici (vous pouvez saisir plusieurs valeurs)","resumeJobTitleSingular":"Intitulé de poste","resumeJobTitleSearchLabel":"Recherchez l'intitulé de poste ici (vous pouvez entrer plusieurs valeurs)","resumeStepsPrevText":"Précédent","resumeJobTitleSubHeading":"Vérifiez et mettez à jour vos coordonnées.","contactDetailsAreaEmail":"Messagerie électronique","resumeSkillSetSubHeading":"Vérifiez et mettez à jour vos coordonnées.","resumeJobTitleSuggestionsHeading":"Vos intitulés de poste","resumeSkipThisSection":"Ignorer cette section","resumeLocationNoResultsText":"Aucun résultat trouvé","contactDetailsAreaPopupCloseAriaLabel":"Coordonnées fermer la fenêtre","resumeJobTitleNoResults":"Aucun résultat trouvé","resumeSkillSetPlural":"Compétences","resumeSkillSetSearchPlaceholder":"Rechercher pour ajouter des compétences","resumeSkillSetSuggestionAriaLabel":"Suggestions de groupes de compétences","resumeExperience":"Expérience (étape {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Rechercher l’ensemble des compétences ici (vous pouvez saisir plusieurs valeurs)","resumeEditFYfDropDownText":"Modifier le profil","resumeJobTitle":"Intitulé de poste (Étape {{activeStepIndex}}/{{resumeConformationSteps}})","resumeShowingText":"...","contactDetailsAreaPreferredNamePlaceholder":"Renseignez votre nom préféré","resumeRemoveText":"Retirer","resumeNewResumeDropDownAriaLabel":"Télécharger un nouveau fichier","contactDetailsPopupCloseAriaLabel":"Fermer la fenêtre contextuelle","resumeNewResumeDropDownText":"Utiliser un nouveau CV","contactDetailsAreaPhone":"Numéro de Téléphone","resumeStepsNextText":"Suivant","resumeAddText":"Ajouter","contactDetailsAreaPhonePlaceHolder":"Entrez votre numéro de téléphone"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Entrez votre adresse email et nous vous enverrons le lien pour réinitialiser votre mot de passe","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"Obligatoire","validPasswordIcon":"icon icon-check-mark","signOutButton":"Se déconnecter","createAccountEmailFormAriaLabel":"Entrez l’adresse email","createAccErrorStatement4":"une minuscule,","createAccErrorStatement5":"une majuscule","resentEmailButtonText":"Renvoyer l'email","forgotPasswordPopUpHeading":"Mot de passe oublié ? ","privacyPolicyText":"Politique de confidentialité","resetPasswordButtonText":"Envoyer le lien de réinitialisation du mot de passe","signInPopUpHeading":"Connexion","forgotPasswordLinkText":"Mot de passe oublié ?","privacyPolicyCheckboxSeparatorText":" et ","errorMessageInvalidPassword":"Oups ! Le mot de passe doit comporter au moins 8 caractères, et au moins 1 majuscule, minuscule, numérique et un caractère spécial doivent être présents.","createAccErrorStatement1":"Le mot de passe doit comporter au moins ","createAccErrorStatement2":"8 caractères,","showPasswordIcon":"icon icon-eye-1","signInPopUpSubHeading":"","createAccErrorStatement3":"un seul chiffre,","signInButtonLabel":"Vous avez déjà un compte ?","emailInUseError":"Cette adresse email est déjà utilisée. Veuillez réessayer ou","createAccountFormAriaLabel":"Entrer le mot de passe","signInPasswordFormPlaceHolder":"Votre mot de passe","loggedInBtnAriaLabel":"Votre profil {{saluteText}}","accCreated2Error":"S’il vous plaît poursuivez avec","errorMessageEmptyPassword":"Veuillez saisir votre mot de passe","signInPasswordFormLabel":"Mot de passe","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"J’ai lu et j’accepte","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","signup":"S'inscrire","returnSigninText":"Retourner à la page connexion","privacyPolicyCheckboxErrorText":"Pour continuer, merci de lire et d'accepter les conditions ci-dessus.","createAccountButtonText":"S'inscrire","createAccountFormLabel":"Mot de passe","fyfFlowSignInHeading":"Connectez-vous pour enregistrer votre profil personnalisé","termsLinkText":"Conditions d’utilisation","errorMessageEmptyEmail":"Veuillez saisir votre adresse email.","noAccountError":"Il n’y a pas de compte avec cette adresse email. Veuillez réessayer ou","savedJobsSignUpHeading":"Inscrivez-vous pour ne pas perdre les offres d'emploi sauvegardées","personalAccountLinkText":"Voir le profil","signInEmailFormLabel":"Messagerie électronique","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Envoi d’un lien de réinitialisation du mot de passe","applyFlowSignInHeading":"Connectez-vous pour enregistrer votre demande et postuler plus rapidement la prochaine fois","createAccountPopUpHeading":"S'inscrire","closePopUpButtonIcon":"icon icon-cancel","signInAgreementTextPartOne":"En vous connectant, vous acceptez les conditions d’utilisation de l’entreprise","technicalIssueText":"Désolé, nous rencontrons des problèmes techniques. Veuillez réessayer.","staySignedInCheckboxText":"Rester connecté","fyfFlowSignUpHeading":"Inscrivez-vous pour enregistrer votre profil personnalisé","errorSrOnly":"erreur:","createAccountButtonLabel":"Vous n’avez pas de compte ?","passwordVisibleSrOnly":"Le mot de passe est visible","privacyPolicyLink":"https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy","termsOfUseText":"Conditions d’utilisation","showPasswordText":"Afficher le mot de passe","signInAgreementTextPartTwo":"et","submitText":"Envoyer","resetPasswordPopUpSubHeading2":"Nous <strong>{{emailId}}</strong> avons envoyé un email contenant des instructions de réinitialisation du mot de passe.","signInLinkText":"Connexion","resetPasswordPopUpSubHeading1":"Nous <strong>{{emailId}}</strong> avons envoyé un email contenant des instructions de réinitialisation du mot de passe.","staySignedInCheckboxAriaLabel":"Rester connecté","closePopupButtonAriaLabel":"Fermer la fenêtre contextuelle","piiConsentError":"Veuillez accepter tous les consentements requis","errorIncorrectPassword":"Votre mot de passe est incorrect. Veuillez réessayer","seperatorText":"ou utilisez un compte réseau social","cvUploadedText":"CV téléchargé","hidePasswordText":"Masquer le mot de passe","loggedInBtnWOfNameAriaLabel":"Votre profil","signInButton":"Connexion","salutationText":"Bonjour","createAccountFormPlaceHolder":"Votre mot de passe","createAccountLinkText":"S'inscrire","createAccountEmailFormLabel":"Messagerie électronique","passwordInVisibleSrOnly":"Le mot de passe est invisible","resentEmailButtonLabel":"Vous n’avez pas reçu d'email ?","applyFlowSignUpHeading":"Inscrivez-vous pour enregistrer votre demande et postuler plus rapidement la prochaine fois","passwordErrorRequirementText":"Le mot de passe ne répondait pas aux exigences de","termsLink":"https://group.bureauveritas.com/terms-use","signInEmailFormAriaLabel":"Entrez l’adresse email","errorMessageInvalidEmail":"Veuillez saisir une adresse email valide.","doneText":"Effectué","signInPasswordFormAriaLabel":"Entrer le mot de passe","privacyPolicyLinkText":"Politique de confidentialité.","savedJobsSignInHeading":"Connectez-vous pour ne pas perdre vos offres d'emplois enregistrées","accCreated1Error":"Vous avez créé un compte avec cette adresse email à l’aide de"},"ph-social-connect-v1-view4":{" privacyPolicyCheckboxText":"J’ai lu et j’accepte","profileCount":"{{profileCount}} profils précédents","google-signin":"Se connecter avec Google","profileCountSingler":"{{profileCount}} profil précédent","facebook":"Se connecter avec Facebook","google":"Se connecter avec Google","linkedIn":"Connectez-vous avec LinkedIn","privacyPolicyCheckboxErrorText":"Pour continuer, merci de lire et d'accepter les conditions ci-dessus.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} un profil identique existe déjà","termsOfUseText":"Conditions d’utilisation"," privacyPolicyCheckboxSeparatorText":" et ","duplicateProfileInfo":"{{profileCount}} profils en double trouvés","termsLink":"javascript:void(0);","google-sign":"Se connecter avec Google","privacyPolicyText":"Politique de confidentialité","mergeCount":"Fusionner la sélection ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Entrez votre adresse email et nous vous enverrons le lien pour réinitialiser votre mot de passe","resetPasswordInvalidText":"Votre lien de réinitialisation du mot de passe n’est pas valide. Veuillez réessayer.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Définir un nouveau mot de passe","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Entrez l’adresse email","signOutButton":"Se déconnecter","createAccErrorStatement4":"une minuscule,","createAccErrorStatement5":"une majuscule","resentEmailButtonText":"Renvoyer l'email","forgotPasswordPopUpHeading":"Mot de passe oublié ? ","privacyPolicyText":"Politique de confidentialité","resetPasswordButtonText":"Envoyer le lien de réinitialisation du mot de passe","forgotPasswordLinkText":"Mot de passe oublié ?","signInPopUpHeading":"Connexion","errorMessageInvalidPassword":"Oups ! Le mot de passe doit comporter au moins 8 caractères, et au moins 1 majuscule, minuscule, numérique et un caractère spécial doivent être présents.","privacyPolicyCheckboxSeparatorText":" et ","createAccErrorStatement1":"Le mot de passe doit comporter au moins ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 caractères,","signInButtonLabel":"Vous avez déjà un compte ?","resendEmailText":"Cliquez ici pour renvoyer","signInPopUpSubHeading":"","createAccErrorStatement3":"un seul chiffre,","resendFailedText":"Vous avez atteint le nombre maximum de demandes de renvoi","emailInUseError":"Cette adresse email est déjà utilisée. Veuillez réessayer ou","createAccountFormAriaLabel":"Entrer le mot de passe","signInPasswordFormPlaceHolder":"Votre mot de passe","accCreated2Error":"S’il vous plaît poursuivez avec","errorMessageEmptyPassword":"Veuillez saisir votre mot de passe","signInPasswordFormLabel":"Mot de passe","privacyPolicyCheckboxText":"J’ai lu et j’accepte","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","newPwdText":"Nouveau mot de passe","emailValDescText1":"Nous vous avons envoyé un email à","emailValDescText2":" avec un lien pour vérifier votre adresse email. Le lien contenu dans l’email expirera dans 4 heures.","returnSigninText":"Retourner à la page connexion","privacyPolicyCheckboxErrorText":"Pour continuer, merci de lire et d'accepter les conditions ci-dessus.","createAccountButtonText":"S'inscrire","createAccountFormLabel":"Mot de passe","fyfFlowSignInHeading":"Connectez-vous pour enregistrer votre profil personnalisé","termsLinkText":"Conditions d’utilisation","emailValSendText":"Si vous n’avez pas reçu d’email de vérification","errorMessageEmptyEmail":"Veuillez saisir votre adresse email.","noAccountError":"Il n’y a pas de compte avec cette adresse email. Veuillez réessayer ou","savedJobsSignUpHeading":"Inscrivez-vous pour ne pas perdre les offres d'emploi sauvegardées","signInEmailFormLabel":"Messagerie électronique","personalAccountLinkText":"Mon compte","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Envoi d’un lien de réinitialisation du mot de passe","applyFlowSignInHeading":"Connectez-vous pour enregistrer votre demande et postuler plus rapidement la prochaine fois","createAccountPopUpHeading":"S'inscrire","signInAgreementTextPartOne":"En vous connectant, vous acceptez les conditions d’utilisation de l’entreprise","technicalIssueText":"Désolé, nous rencontrons des problèmes techniques. Veuillez réessayer.","staySignedInCheckboxText":"Rester connecté","fyfFlowSignUpHeading":"Inscrivez-vous pour enregistrer votre profil personnalisé","errorSrOnly":"erreur:","passwordVisibleSrOnly":"Le mot de passe est visible","createAccountButtonLabel":"Vous n’avez pas de compte ?","privacyPolicyLink":"https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy","termsOfUseText":"Conditions d’utilisation","showPasswordText":"Afficher le mot de passe","signInAgreementTextPartTwo":"et","createNewPwdText":"Veuillez créer un nouveau mot de passe","resetPasswordPopUpSubHeading2":"Nous <strong>{{emailId}}</strong> avons envoyé un email contenant des instructions de réinitialisation du mot de passe.","emalValHeadingText":"S’il vous plaît vérifier votre email","signInLinkText":"Connexion","resetPasswordPopUpSubHeading1":"Nous <strong>{{emailId}}</strong> avons envoyé un email contenant des instructions de réinitialisation du mot de passe.","staySignedInCheckboxAriaLabel":"Rester connecté","errorIncorrectPassword":"Votre mot de passe est incorrect. Veuillez réessayer","seperatorText":"ou utilisez un compte réseau social","hidePasswordText":"Masquer le mot de passe","pwdNotMeetRequirements":"Le mot de passe ne répondait pas aux exigences de","resetLinkExpired":"Le lien de réinitialisation du mot de passe a expiré","signInButton":"Connexion","createAccountFormPlaceHolder":"Votre mot de passe","salutationText":"Bonjour,","createAccountLinkText":"S'inscrire","createAccountEmailFormLabel":"Messagerie électronique","passwordInVisibleSrOnly":"Le mot de passe est invisible","passwordInvisibleSrOnly":"Le mot de passe est invisible","resentEmailButtonLabel":"Vous n’avez pas reçu d'email ?","applyFlowSignUpHeading":"Inscrivez-vous pour enregistrer votre demande et postuler plus rapidement la prochaine fois","passwordErrorRequirementText":"Le mot de passe ne répondait pas aux exigences de","termsLink":"https://group.bureauveritas.com/terms-use","errorMessageInvalidEmail":"Veuillez saisir une adresse email valide.","signInPasswordFormAriaLabel":"Entrer le mot de passe","signInEmailFormAriaLabel":"Entrez l’adresse email","privacyPolicyLinkText":"Politique de confidentialité.","savedJobsSignInHeading":"Connectez-vous pour ne pas perdre vos offres d'emplois enregistrées","accCreated1Error":"Vous avez créé un compte avec cette adresse email à l’aide de"},"ph-category-overview-v3-view1":{"categoryCountPlural":"Emplois","categoryCountSingler":"Poste"},"ph-location-map-v1-default":{"pinInfoState":"{{state}}","pinInfoAddressLine3":"{{location}} {{zipCode}}","pinInfoAddressLine2":"{{address2}}","pinkLinkText":"Voir {{count}} opportunités","pinInfoAddressLine1":"{{address1}}","locIconText":"icon-location-2","clusterText":"Groupe","clusterLocationText":"locations","locationTitleText":"Rechercher l’emplacement","pinLink":"{{locationUrl}}","locBtnText":"Explorez l’emplacement","location":"{{location}}","pinInfoTitle":"{{key}}","markerText":"emplacement","searchPlaceHolderText":"Rechercher l’emplacement"},"ph-profile-recommendations-v2-default":{"applyNowText":"Postulez dès maintenant","locationText":"emplacement","seeNextText":"Voir la suite","city":"Ville","multipleLocation":"Cet emploi est disponible dans {{locationCount}} lieux de travail","seeLessText":"Afficher moins","sponsorship":"Parrainer","title":"Titre","remote":"Recommencer","type":"Type d’emploi","jobSeqNo":"Séquence de tâches N°","postedDate":"Date de publication","expiryDate":"Date d’expiration","descriptionTeaser":"Description","seeMultipleCatBtn":"Associé à {{categoryCount}}&nbsp;","rate":"Taux de rémunération","seeMoreText":"Afficher plus","experienceRequired":"Expérience","postedDateFormat":"Il&nbsp;","jobIdConnectingText":"L’ID de la tâche est","addToCartSavedText":"Sauvegardé","department":"Département","categoryApplicationInfo":"*Vous pourrez sélectionner votre/vos catégorie(s) préférée(s) au cours du processus de candidature","referText":"Parrainer","locationApplicationInfo":"*Vous pourrez sélectionner votre/vos emplacement(s) préféré(s) pendant le processus de candidature","payRate":"Taux de rémunération","multilocationText":"Emploi disponible dans {{multilocationValue}}&nbsp;","seeMultipleLocBtn":"Disponible dans {{locationCount}}&nbsp;","removeJobText":"Retirer","expiryDateFormat":"Il&nbsp;","jobId":"ID de l’emploi","seeEvenMoreText":"Voir encore plus","primaryJobPostingCat":"Catégorie d’emploi principale","addToCartSaveText":"Sauvegarder","multicategoryText":"Offres d’emploi disponibles dans les catégories {{multicategoryValue}}&nbsp;","multipleCategory":"Ce poste est associé à {{categoryCount}}&nbsp;","location":"Emplacement","category":"Catégorie","travelRequiremnt":"Voyager"},"ph-global-search-v1-view3":{"globalsearchPlaceholder":"Rechercher l’intitulé du poste","noResultFoundText":"Aucun résultat trouvé","globalsearchLocationPlaceholder":"Renseigner l’emplacement","globalsearchButtonText":"Trouver un emploi","globalsearchCategoryPlaceholder":"Renseigner la catégorie"},"ph-recently-viewed-jobs-v3-default":{"expirydate":"Date d'échéance","locationText":"emplacement","applyNowText":"Postulez dès maintenant","seeNextText":"Voir la suite","city":"Ville","multipleLocation":"Cet emploi est disponible dans {{locationCount}} lieux de travail","seeLessText":"Afficher moins","sponsorship":"Parrainer","remote":"Recommencer","type":"Type d’emploi","title":"Intitulé de poste","postedDate":"Date de publication","jobSeqNo":"Séquence de tâches N°","expiryDate":"Date d'échéance","descriptionTeaser":"Description","seeMultipleCatBtn":"Associé à {{categoryCount}}&nbsp;","seeMoreText":"Afficher plus","postedDateFormat":"Il&nbsp;","experienceRequired":"Expérience","jobIdConnectingText":"L’ID de la tâche est","addToCartSavedText":"Sauvegardé","department":"Département","categoryApplicationInfo":"*Vous pourrez sélectionner votre/vos catégorie(s) préférée(s) au cours du processus de candidature","referText":"Parrainer","locationApplicationInfo":"*Vous pourrez sélectionner votre/vos emplacement(s) préféré(s) pendant le processus de candidature","multilocationText":"Emploi disponible dans {{multilocationValue}}&nbsp;","seeMultipleLocBtn":"Disponible dans {{locationCount}}&nbsp;","expiryDateFormat":"Il&nbsp;","reqId":"ReqId","jobId":"ID de l’emploi","seeEvenMoreText":"Voir encore plus","primaryJobPostingCat":"Catégorie d’emploi principale","addToCartSaveText":"Sauvegarder","multicategoryText":"Emploi associé à {{multicategoryValue}} catégories","test_test":"test_test","multipleCategory":"Ce poste est associé à {{categoryCount}}&nbsp;","location":"Lieu de travail","category":"Catégorie","travelRequiremnt":"Voyager"},"ph-candidate-merge-profile-v1-default":{"profileCount":"{{profileCount}} profils précédents","mergeProfiles":"Merge profiles","profileCountSingler":"{{profileCount}} profil précédent","duplicateProfileInfo":"{{profileCount}} profils en double trouvés","mergeCount":"Merge selected ({{mergeCount}})","duplicateProfileInfoSingler":"{{profileCount}} un profil identique existe déjà"},"ph-find-your-fit-v1-default":{"socialSigninStepText":"Se connecter au réseaux sociaux","deleteAgainText":"Veuillez réessayer de supprimer votre CV","suggestedRecentTitleSingularAssertiveText":"Affichage {{listLength}} titre suggéré","closePopUpButtonIcon":"icon icon-cancel","suggestedSkillsAssertiveText":"Montrer {{listLength}} compétences suggérées","locationBlockedHeadingText":"L’accès à la localisation est désactivé","uploadInfoText":"Télécharger un fichier jusqu’à 1 Mo (Word, pdf, texte)","resumeParsedText":"Votre CV a été téléchargé et analysé avec succès.","tryAgainText":"Réessayez","resumeFileSizeExceedsText":"Télécharger un fichier jusqu’à {{fileSize}} Mo","addSkillButtinAriaLabel":"Ajouter {{skillName}}","suggestedRecentTitleAssertiveText":"Affichage des titres suggérés {{listLength}}","deleteResumeHeading":"Êtes-vous sûr de vouloir supprimer votre CV ?","locationBlockedOkText":"D’ACCORD","suggestedSkillsSingularAssertiveText":"Montrer {{listLength}} compétences suggérées","fyfRecentTitlePlaceHolderText":"Votre intitulé de poste le plus récent","uploadAgainText":"Veuillez réessayer de télécharger votre CV.","oopsText":"Oups...","removeResumeBtnText":"Supprimer","fyfLocationPlaceHolderText":"Votre lieu de travail favori","yourSkillsMessage":"Vos compétences","resumeFileUnsupportedText":"Télécharger un fichier au format : {{allowedFormats}}","fyfStepProgressBarText":"Étape {{stepStatus}} de {{stepsCount}}","resumeUploadedSubHeading":"Veuillez vérifier chaque champ de contact pour vous assurer que vos données sont complètes et exactes.","cancleText":"Annuler","anyLocation":"N’importe quel endroit","fyfPhoneNumberPlaceHolderText":"Eg. +1 9999999999","fyfSkillsPlaceHolderText":"Vos compétences","JobTitleMessage":"L’intitulé de votre poste","yourPreferredLocationMessage":"Votre emplacement de prédilection","locationBlockedDescriptionText":"Accédez aux paramètres de votre navigateur et autorisez l’accès à votre position actuelle.","suggestedLocationsSingularAssertiveText":"Affichage {{listLength}} emplacements suggérés","gotItText":"J'ai compris","suggestedLocationsAssertiveText":"Affichage {{listLength}} emplacements suggérés"},"ph-social-share-v3-default":{"whatsapp":"Partager via WhatsApp","twitterTitle":"Partager via X","instagram":"Partager via Instagram","linkedin":"Partager via LinkedIn","google-plusTitle":"Partager via google plus","weiboTitle":"Partager via weibo","copylink":"Copier le lien de l'offre d'emploi","facebookTitle":"Partager via Facebook","telegramTitle":"Partager via Telegram","xing":"Partager via xing","twitter":"Partager via X","weibo":"Partager via weibo","whatsappAriaLabel":"Partager via WhatsApp","facebookAriaLabel":"Partager via Facebook","hashtagsText":"","whatsappTitle":"Partager via WhatsApp","email":"Partager par email","instagramAriaLabel":"Partager via Instagram","weiboAriaLabel":"Partager via weibo","shareInfoText":"Découvrez cette offre d’emploi à {{companyName}}, {{title}}","google-plus":"Partager via google plus","vkTitle":"Partager via vk","whatsappAriaaLabel":"Partager via WhatsApp","instagramTitle":"Partager via Instagram","emailTitle":"Partager par email","vkAriaLabel":"Partager via vk","facebook":"Partager via Facebook","telegramAriaLabel":"Partager via Telegram","copylinkAriaLabel":"Copier le lien de l'offre d'emploi","emailClientSubject":"{{title}} à {{companyName}}","telegram":"Partager via Telegram","twitterAriaLabel":"Partager via X","pinterest":"Partager via pinterest","pinterestTitle":"Partager via pinterest","linkedinAriaLabel":"Partager via LinkedIn","copylinkTitle":"Copier le lien de l'offre d'emploi","google-plusAriaLabel":"Partager via google plus","xingAriaLabel":"Partager via xing","pinterestAriaLabel":"Partager via pinterest","emailClientBody":"Jetez un coup d’œil à cette offre d’emploi :","emailAriaLabel":"Partager par email","vk":"Partager via vk","linkedinTitle":"Partager via LinkedIn","xingTitle":"Partager via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Envoyer"},"ph-email-job-v1-view1":{"sendEmailButtonText":"Envoyer"}} </script><style>.phcriticalhide{display: none!important}</style> <meta name="google-site-verification" content="YPjdGiz_jjS59dTW0FxLTN3uvX4mlT8TTKZonGRvFKI" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "fr_fr","name": "home","url": "https://jobs.bureauveritas.com/gb/en","datePublished": "2024-08-23","dateModified": "2024-08-23"}</script></head> <body class="home-page" data-ph-id="ph-page-element-page9-9ch5WO" style="visibility: hidden;"> <a href="search-results" class="hide" style="display: none">Search results</a> <div class="ph-header" data-ph-id="ph-page-element-page9-Ahojwj"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="4DZUmT3I"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page9-nMFs8t"><section class="ppc-section ph-widget" type="dynamic" instance-id="c2YXJx" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page9-M07GUD"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="default-1663475870347" theme="default" original-view="default" instance-id="c2YXJx" data-ph-id="ph-page-element-page9-tcjUKb"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page9-Bt2uf8"> <section class="ph-widget" instance-id="b1dsxq" data-ph-id="ph-page-element-page9-kHQfMh"> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-GD9HM1" view="1557401652154-default" original-view="default" instance-id="8mBTKT" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page9-niIeQW" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1557401652154-default" original-view="default" theme="default" instance-id="8mBTKT"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1695813280581" view="1695813282198-hero-block-cc-view21-option1" original-view="ph-hero-block-cc-view21-option1" instance-id="CTdPla" theme="theme1"><div class="ph-hero-block-cc-view21-option1-theme1 ph-widget-target" data-ph-id="-1695813280581-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1695813282198-hero-block-cc-view21-option1" original-view="ph-hero-block-cc-view21-option1" theme="theme1" ph-removed="true" instance-id="CTdPla"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-2178815171207941-2"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-widget-element-2178815171207941-3"> <div card-name="ph-hero-block-cc-view21" class="ph-card" instance-id="VL7EJp" data-ph-id="ph-widget-element-2178815171207941-4"> <div class="ph-hero-block-cc-view21 ph-card-block" data-ph-at-id="ph-hero-block-cc-view21" data-ph-id="ph-widget-element-2178815171207941-5"> <ppc-container component-content-key="background-video" class="ph-video" data-ph-cid="background-video1" data-ph-id="ph-widget-element-2178815171207941-6"> <div class="video" ph-video-v1="video" pha-video-url="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/videos/shutterstock_1060585798-1695808137242.mp4" pha-autoplay="1" pha-loop="1" pha-controls="0" pha-volume="0" pha-preload="1" data-ph-id="ph-widget-element-2178815171207941-7" pha-video-id="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/videos/shutterstock_1060585798-1695808137242.mp4" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="true" data-gallery-video-provider="video"></div> </ppc-container> <div class="inner-container" data-ph-id="ph-widget-element-2178815171207941-8"> <div class="global-search-block" data-ph-id="ph-widget-element-2178815171207941-9"> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-2178815171207941-10"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-2178815171207941-11"> </div> </ppc-container> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-2178815171207941-12"> <h1 data-ph-id="ph-widget-element-2178815171207941-13"> <ppc-content key="CTdPla-VL7EJp-PEsAXc-ph-hero-block-cc-view21-option1-h1-heading-title-text" instance-id="VL7EJp-PEsAXc" data-ph-id="ph-widget-element-2178815171207941-14"><div style="text-align: center;">Laissez votre empreinte,<br />Trouvez une opportunité chez nous !</div></ppc-content> </h1> </ppc-container> <section class="ph-widget" instance-id="X9GMVG" original-view="view3" view="2178815065542176-view3" data-ph-id="ph-widget-element-2178815171207941-18"> <div as-element="ph-global-search-v1" instance-id="X9GMVG" class="ph-global-search-v1-view3-default ph-widget-target" view="2178815065542176-view3" data-widget="ph-global-search-v1" location-placeholder-text.bind="'Search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-cat" show-caption.bind="false" show-title.bind="false" original-view="view3" data-ph-id="ph-widget-element-2178815171207941-19"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-b9cYZQ" view="1528703166557-default" original-view="default" instance-id="FCQiQA" theme="theme4"> <div class="ph-social-login-v1-default-theme4 ph-widget-target" data-ph-id="ph-page-element-page9-edRh2L" data-widget="ph-social-login-v1" view="default-1537275486968" original-view="default" theme="theme4" instance-id="FCQiQA" as-disabled="ph-social-login-v1" auto-push-id="ieueep" autopushname="find-your-fit"></div> </section><section class="ph-widget" instance-id="WInL32" data-ph-id="ph-page-element-page9-i7FZRD" auto-push-id="ieueep" autopushname="find-your-fit"><div as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" original-view="default" instance-id="WInL32" data-ph-id="ph-page-element-page9-lqusK7" auto-push-id="ieueep" view="default-1702017312087" class="ph-find-your-fit-container-v1-default-default ph-widget-target ph-social-login-v1-default-theme4"></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-Kthoz6" view="1528712240558-default" original-view="default" instance-id="9iS1cu" theme="theme3"> <div class="ph-social-profile-v1-default-theme3 ph-widget-target" data-ph-id="ph-page-element-page9-ovQyQF" data-widget="ph-social-profile-v1" view="default-1537275344858" original-view="default" theme="theme3" instance-id="9iS1cu" as-disabled="ph-social-profile-v1" autopushname="find-your-fit"></div> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-TdlPib" view="1558100221101-default" original-view="default" instance-id="uhpq86" theme="theme21"><div class="ph-profile-recommendations-v2-default-theme21 ph-widget-target" data-ph-id="ph-page-element-page9-zAhEzi" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="default-1678958128785" original-view="default" theme="theme21" ph-removed="true" instance-id="uhpq86" jobs-display-mode="seeMore" click-tojd="false" max-display-count="6"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-vh5wpN" view="1528383904195-view9" original-view="view9" instance-id="2MB4Jy" theme="theme1"> <div class="ph-category-overview-v3-view9-theme1 ph-widget-target au-target" data-ph-id="ph-page-element-page9-ULooT0" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="view9-1663493277164" original-view="view9" theme="theme1" instance-id="2MB4Jy" au-target-id="112" cards-per-row="4" hide-sub-title="true"></div> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-2qOVX2" view="1558100245024-default" original-view="default" instance-id="T0QkMq" theme="theme21"><div class="ph-recently-viewed-jobs-v3-default-theme21 ph-widget-target" data-ph-id="ph-page-element-page9-qMSfY2" as-element="ph-recently-viewed-jobs-v3" data-widget="ph-recently-viewed-jobs-v3" view="default-1622922731390" original-view="default" theme="theme21" ph-removed="true" instance-id="T0QkMq" jobs-display-mode="seeMore" max-display-count="6"></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-oyYdE5" view="1537195082435-default" original-view="default" instance-id="FxLULI" theme="default"> <div class="ph-location-overview-map-v2-default-default ph-widget-target" data-ph-id="ph-page-element-page9-IiQIHI" as-element="ph-location-overview-map-v2" data-widget="ph-location-overview-map-v2" view="default-1663502911953" original-view="default" theme="default" instance-id="FxLULI"></div> </section> <section class="ppc-section ph-widget" type="static" data-ph-id="ph-page-element-page9-Yj2MvG" view="1533208027702-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" instance-id="G93ogH" theme="theme2"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1533208027702-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" type="static" data-ph-id="ph-page-element-page9-wuiDba" instance-id="G93ogH" class="ph-widget-target ph-jtc-card-cc-view1-option1-theme2" theme="theme2"> <div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-page-element-page9-KIEp2n"> <div class="inner-container" data-ph-id="ph-page-element-page9-1WC1j3"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page9-7C98YY"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="ZqwMAQ" data-ph-id="ph-page-element-page9-wCUx0x"> <div class="heading-block-info" data-ph-id="ph-page-element-page9-u29tte"> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page9-saAgmj"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page9-XvxBal"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-page-element-page9-3m47Tc" role="presentation"> <div class="ph-card" card-name="ph-jtc-card-cc-view1" instance-id="a4nstq" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page9-9tzwM5"> <div class="ph-jtc-card-cc-view1 ph-card-block" data-ph-at-id="ph-jtc-card-cc-view1" data-ph-id="ph-page-element-page9-xRHabS"> <figure class="image" data-ph-id="ph-page-element-page9-s1JBIV" role="presentation"> <ppc-container component-content-key="primary-image" class="primary-image element-center" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page9-AVlnHK"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page9-5fZT2f" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/images/shutterstock_1931518334-1695804680890.jpg" key-src="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-YLKDVN" alt="" key-alt="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-T2oSGH" data-ph-cid="primary-image1" instance-id="a4nstq-T5rjyh" data-ph-id="ph-page-element-page9-amsgb5" /></ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-cid="overlay1" data-ph-id="ph-page-element-page9-HQ1hu3"> <div class="ph-overlay-wrapper" data-ph-id="ph-page-element-page9-ONCRvW"> </div> </ppc-container> </figure> <div class="content" data-ph-id="ph-page-element-page9-OXveO8"> <div class="data" data-ph-id="ph-page-element-page9-ShNsc2"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page9-R56AED"> <span aria-level="2" key-aria-level="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-4Rn1Hn" role="heading" key-role="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-zSOKQn" instance-id="a4nstq-Jjf5r7" data-ph-id="ph-page-element-page9-Ji888e"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-evEBqO" data-ph-at-id="heading-text" instance-id="a4nstq-Jjf5r7" data-ph-id="ph-page-element-page9-XGPHR0" class="ppc-text ppc-content">Libérez votre potentiel, ayez un impact !<br /> <br /> Rejoignez notre Communauté de Talents</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page9-vaclAU"> <span class="description-block" data-ph-id="ph-page-element-page9-tQ3KJ0"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-lvvt1K" data-ph-at-id="description-text" instance-id="a4nstq-t977Ed" data-ph-id="ph-page-element-page9-RBVT4a" class="ppc-text ppc-content">Recevez des offres d’emploi à la minute près adaptées à vos besoins</ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button element-center link ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-page-element-page9-J3653B"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-page-element-page9-t6nu5H"> <a role="link" key-role="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-d5RxJ7" class="action-link" key-ph-href="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-aUPCAa" title="" key-title="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-sbL4uS" aria-label="Inscrivez-vous à la Communauté de Talents" key-aria-label="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-Ur3y7P" ph-tevent="static_content_click" instance-id="a4nstq-mHLuVD" data-ph-id="ph-page-element-page9-qTaDUl" data-ph-href="jointalentcommunity" ph-href="jointalentcommunity" hidelinktarget="false"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-brItLx" data-ph-at-id="link-text" instance-id="a4nstq-mHLuVD" data-ph-id="ph-page-element-page9-g7vN2T" class="ppc-text ppc-content">S'inscrire</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-pt0D4s"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!-- <h1>template four</h1> <section class="ph-widget ph-hero-block-cc-view2-option1-theme1" view="ph-hero-block-cc-view2-option1" theme="theme1" type="static" instance-id="7vtwux"></section> --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="w4pMpR" data-ph-ft="nps" data-ph-id="ph-widget-element-1710930398721-Hr4u5r"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page9-mbpOvV"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="HAibTIkl"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/assets/scripts/1603715986999-custom.js" data-ph-id="ph-page-element-page9-KxAiGz" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js" defer=""></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js" defer=""></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/fr_fr/desktop/page9/caas-platform/page-views-1724414591098.js" defer></script><script id="chatbotScript"> var timestamp = Date.now(); var scriptElement = document.createElement("script"); scriptElement.async = true; scriptElement.id = "chatbotInitScript"; scriptElement.src = "https://cdn-bot.phenompeople.com/txm-bot/prod-ir/prod-ir.js" +"?v=" + timestamp; var getScripts = document.getElementsByTagName("script"); var lastScriptElement = getScripts[getScripts.length - 1]; lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement); window.chatbotURL = window.phApp.baseUrl; </script> </body> </html><div id='csrfToken' style='display:none'>c57b08cfd8e347b99672bcc706424545</div>