{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<!-- Stylesheets -->
<link rel="stylesheet" href="{{ asset('themes/conversi/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('themes/conversi/css/font-awesome.min.css')}}">
<link rel="stylesheet" href="{{ asset('themes/conversi/css/slick.css')}}">
<link rel="stylesheet" href="{{ asset('themes/conversi/css/slick-theme.css')}}">
<link rel="stylesheet" href="{{ asset('themes/conversi/css/jquery.fancybox.css')}}">
<link rel="stylesheet" href="{{ asset('themes/conversi/css/style.css')}}">
<meta property="og:url" content="{{ app.request.uri }}" />
<meta property="og:title" content="Prêt à quitter Paris et changer de vie ?" />
<meta property="og:description" content="Paris, je te quitte t'aide à concrétiser ton projet de départ" />
<meta property="og:image" content="https://plateforme.paris-jetequitte.com/img/pretaquitterparis.png" />
{{ encore_entry_link_tags('candidate_onboarding_register') }}
{% include 'app/chat.js.twig' %}
{% endblock %}
{% block body %}
<!-- #header -->
<header id="header" data-parallax="scroll" data-speed="0.2" data-natural-width="1920" data-natural-height="1080" data-image-src="{{ asset('themes/conversi/images/content/bg/1.jpeg')}}">
<!-- .header-overlay -->
<div class="header-overlay">
<!-- #navigation -->
<nav id="navigation" class="navbar scrollspy">
<!-- .container -->
<div class="container">
<div class="navbar-brand">
<img src="{{ asset('img/logo-white.png') }}" alt="Paris Je Te Quitte"><!-- site logo -->
</div>
</div>
<!-- .container end -->
</nav>
<!-- #navigation end -->
<!-- .header-content -->
<div class="header-content">
<!-- .container -->
<div class="container">
<div class="header-heading-title">
<h1>Prêt à quitter Paris et changer de vie ?</h1>
<h4> Ville, emploi, logement, Paris, je te quitte t'aide à concrétiser ton projet de départ</h4>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="header-form">
<div class="header-form-heading">
<h4 style="font-weight:bold"> Ton projet de départ</h4>
</div>
<div class="header-form-body">
<div class="submit-status"></div> <!-- submit status -->
<form id="form" method="post" action="#" class="affa-form-signup">
<div class="row">
<div class="col-md-6">
{{ form_widget(registrationForm.person.firstName,{ 'attr': {'class': 'form-control', 'placeholder': 'Prénom'}}) }}
</div>
<div class="col-md-6">
{{ form_widget(registrationForm.person.lastName,{ 'attr': {'class': 'form-control', 'placeholder': 'Nom'}}) }}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{ form_widget(registrationForm.email,{ 'attr': {'class': 'form-control', 'placeholder': 'E-mail'}}) }}
{{ form_errors(registrationForm.email) }}
</div>
<div class="col-md-6">
{{ form_widget(registrationForm.plainPassword,{ 'attr': {'class': 'form-control', 'placeholder': 'Créer mot de Passe'}}) }}
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="professional_type">
{{ form_row(registrationForm.professionalProfile.professionalType) }}
<div class="other_professional_type">
{{ form_label(registrationForm.professionalProfile.otherProfessionalType, null, { 'label_attr': {'class': 'label-specify'}}) }}
{{ form_widget(registrationForm.professionalProfile.otherProfessionalType) }}
</div>
</div>
</div>
<div class="col-md-6 col-xs-12">
<label>Ma recherche </label>
<a id="label-statuses" data-toggle="modal" class="btn btn-default" data-target="#modal_contactReasons"
style="color: #555;width:100%;text-align: left">
Sélectionner...
</a>
<div id="modal_contactReasons" class="modal inmodal fade"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg statuses">
<div class="modal-content">
<div class="modal-header">
<h4 class="show-titre" id="modal-title">Ma recherche </h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body show-condensed">
<div id="form_professionalProfile_searchCapacities" class="row">
{% for row in registrationForm.professionalProfile.statuses %}
<div class="col-md-6 col-sm-12">
{{ form_row(row) }}
</div>
{% endfor %}
<div class="other_status col-md-6">
{{ form_label(registrationForm.professionalProfile.otherProjectSituationStatus, null, { 'label_attr': {'class': 'label-specify'}}) }}
{{ form_widget(registrationForm.professionalProfile.otherProjectSituationStatus) }}
</div>
</div>
</div>
<div class="modal-footer">
<a id="validate-statuses" class="btn btn-modal" data-dismiss="modal" aria-hidden="true">Valider</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="search_activities ">
<div class="error_search_activities error d-none">
{{ 'professionalprofile.errormessage.branches' | trans }}
</div>
<label>Secteur(s) recherché(s) </label>
<a id="label-branches" data-toggle="modal" class="btn btn-default" data-target="#modal_branches"
style="color: #555;width:100%;text-align: left">
Sélectionner...
</a>
<div id="modal_branches" class="modal inmodal fade"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="show-titre" id="modal-title">Secteurs d'activité(s)</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body show-condensed">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="select-all-search-activities" />
<label class="form-check-label">Ça m'est égal</label>
</div>
<div id="form_professionalProfile_branches" class="row">
{% for row in registrationForm.professionalProfile.branches %}
<div class="col-md-6 col-sm-12">
{{ form_row(row) }}
</div>
{% endfor %}
</div>
<div class="other_branche">
{{ form_row(registrationForm.professionalProfile.otherBranche) }}
</div>
</div>
<div class="modal-footer">
<a id="validate-branches" class="btn btn-modal" data-dismiss="modal" aria-hidden="true" >Valider</a>
</div>
</div>
</div>
</div>
</div>
<div class="health">
{{ form_row(registrationForm.professionalProfile.healthSpeciality) }}
<div class="other_health_speciality">
{{ form_label(registrationForm.professionalProfile.otherHealthSpeciality, null, { 'label_attr': {'class': 'label-specify'}}) }}
{{ form_widget(registrationForm.professionalProfile.otherHealthSpeciality) }}
</div>
</div>
<div class="project_leader">
{{ form_row(registrationForm.professionalProfile.projectLeader.type) }}
<div class="other_project_leader_type">
{{ form_label(registrationForm.professionalProfile.projectLeader.otherType, null, { 'label_attr': {'class': 'label-specify'}}) }}
{{ form_widget(registrationForm.professionalProfile.projectLeader.otherType) }}
</div>
</div>
</div>
<div class="col-md-6">
<div class="type_research mt-20 ">
{{ form_row(registrationForm.professionalProfile.typeResearch) }}
<div class="other_type_research">
{{ form_label(registrationForm.professionalProfile.otherTypeResearch, null, { 'label_attr': {'class': 'label-specify'}}) }}
{{ form_widget(registrationForm.professionalProfile.otherTypeResearch) }}
</div>
</div>
<div style="display:none">
{{ form_row(registrationForm.professionalProfile.projectLeader.description, { 'attr': { 'rows' : 2}}) }}
</div>
<div class="search_capacities ">
<div class="error_search_capacities error d-none">
{{ 'professionalprofile.errormessage.searchcapacities' | trans }}
</div>
<label>Fonction(s) recherché(s) </label>
<a id="label-searchcapacities" data-toggle="modal" class="btn btn-default" data-target="#modal_searchcapacities"
style="color: #555;width:100%;text-align: left">
Sélectionner...
</a>
<div id="modal_searchcapacities" class="modal inmodal fade"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="show-titre" id="modal-title">Fonction(s) recherché(s) </h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body show-condensed">
<div id="form_professionalProfile_searchCapacities" class="row">
{% for row in registrationForm.professionalProfile.searchCapacities %}
<div class="col-md-6 col-sm-12">
{{ form_row(row) }}
</div>
{% endfor %}
</div>
<div class="other_capacity">
{{ form_row(registrationForm.professionalProfile.otherSearchCapacity) }}
</div>
</div>
<div class="modal-footer">
<a id="validate-searchcapacities" class="btn btn-modal" data-dismiss="modal" aria-hidden="true">Valider</a>
</div>
</div>
</div>
</div>
</div>
<div class="health">
<div style="display:none">
<label>Mode(s) d'exercice recherché(s) : </label>
<a data-toggle="modal" class="btn btn-default" data-target="#modal_exerciceModes"
style="color: #555;width:100%;text-align: left">
Sélectionner...
</a>
<div id="modal_exerciceModes" class="modal inmodal fade"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="show-titre" id="modal-title">Fonction(s) recherché(s) </h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body show-condensed">
<div id="form_professionalProfile_searchCapacities" class="row">
{% for row in registrationForm.professionalProfile.healthExerciceModes %}
<div class="col-md-6 col-sm-12">
{{ form_row(row) }}
</div>
{% endfor %}
</div>
</div>
<div class="modal-footer">
<a class="btn btn-modal" data-dismiss="modal" aria-hidden="true">Valider</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row ">
</div>
<div class="row mt-20" style="margin-top:10px">
<div class="col-md-6 col-xs-12">
{{ form_label(registrationForm.professionalProfile.linkedin) }}<i class="optional_cv">(Optionnel)</i>
{{ form_widget(registrationForm.professionalProfile.linkedin,{ 'attr': { 'placeholder': 'https://www.linkedin.com/monprofil' }}) }}
</div>
<div class="col-md-6 col-xs-12">
<label class="mt-10">Mon CV </label><i class="optional_cv">(Optionnel)</i>
{{ form_widget(registrationForm.professionalProfile.curriculumVitae) }}
</div>
</div>
<div class="row mt-20 regions">
<div class="col-md-6 col-xs-12">
<label>Régions de prédilection </label>
<a id="label-regions" data-toggle="modal" class="btn btn-default" data-target="#modal_regions"
style="color: #555;width:100%;text-align: left">
Sélectionner...
</a>
<div id="modal_regions" class="modal inmodal fade"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="show-titre" id="modal-title">Régions de prédilection </h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body show-condensed">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="select-all-regions" />
<label class="form-check-label">Ça m'est égal</label>
</div>
<div id="form_professionalProfile_regions" class="row">
{% for row in registrationForm.professionalProfile.regions %}
<div class="col-md-6">
{{ form_row(row) }}
</div>
{% endfor %}
</div>
</div>
<div class="modal-footer">
<a id="validate-regions" class="btn btn-modal" data-dismiss="modal" aria-hidden="true">Valider</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12">
<label class="">Villes préférées</label>
<input id="basics" placeholder="{{ 'professionalprofile.location.cities.placeholder' | trans }}" class="form-control" />
<div class="mt-10">
<span id="value"></span>
</div>
</div>
</div>
{{ form_rest(registrationForm) }}
<input type="submit" name="submit" value="Je m'inscris" class="btn-medium" style="margin-top:10px">
</form>
<span class="ml-auto" style="display:block;margin-top:10px"> {{ 'login.alreadyaccount' | trans }} : <a class="font-weight-bold" href="{{ path('login') }}" style="color:#009BB4">{{ 'login.title' | trans }}</a></span>
<p class="txt-desc">{{ 'register.terms' | trans({}) | raw }}</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-5 col-lg-5 col-lg-offset-1" style="display: flex;align-items: center;">
<ul class="header-txt-list">
<li>
<i class="fa fa-check"></i>
<h4 style="font-weight:bold">Dis-nous qui tu es et<br/> décris ton projet de départ</h4>
</li>
<li></li>
<li>
<i class="fa fa-check"></i>
<h4 style="font-weight:bold">Valide ton profil</h4>
</li>
<li></li>
<li>
<i class="fa fa-check"></i>
<h4 style="font-weight:bold">Reçois des opportunités personnalisées pour accélérer ton départ</h4>
</li>
</ul>
</div>
</div>
<!-- .row end -->
</div>
<!-- .container end -->
</div>
<!-- .header-content end -->
</div>
<!-- .header-overlay end -->
</header>
<!-- #header end -->
<!-- #features -->
<div id="features" class="padding-top80">
<!-- .container -->
<div class="container">
<div class="post-heading-center">
<h2 style="color:#004060">Comment ça se passe ?</h2>
<p>Paris, je te quitte te propose des opportunités personnalisées pour chaque étape de ton projet</p>
</div>
<!-- .row -->
<div class="row padding-bottom20">
<div class="col-sm-3"> <!-- 1 -->
<div class="affa-feature-img">
<img src="{{ asset('img/onboarding/preview.png') }}" alt="Image">
<h4 style="font-weight:bold">Résultats<br/> personnalisés</h4>
<p>Prends connaissance en temps réel des nouvelles opportunités sélectionnées pour toi en rapport avec ton projet.</p>
</div>
</div>
<div class="col-sm-3"> <!-- 2 -->
<div class="affa-feature-img">
<img src="{{ asset('img/onboarding/lieudevie.jpg') }}" alt="Image">
<h4 style="font-weight:bold">Nouveau <br/>lieu de vie</h4>
<p>Découvre en détail les territoires qui correspondent au cadre de vie dont tu rêves.</p>
</div>
</div>
<div class="col-sm-3"> <!-- 3 -->
<div class="affa-feature-img">
<img src="{{ asset('img/onboarding/entreprise.jpg') }}" alt="Image">
<h4 style="font-weight:bold">Entreprises qui<br/> recrutent</h4>
<p>Trouve ton nouvel emploi et rejoins une entreprise dans laquelle tu t’épanouiras.
</p>
</div>
</div>
<div class="col-sm-3"> <!-- 3 -->
<div class="affa-feature-img">
<img src="{{ asset('img/onboarding/accompagnement.jpg') }}" alt="Image">
<h4 style="font-weight:bold">Accompagnement <br/> clé en main</h4>
<p>A chaque étape, bénéficie d’une mise en relation avec les experts qui t’aideront à concrétiser l’opportunité que tu as choisie.
</p>
</div>
</div>
</div>
<!-- .row end -->
</div>
<!-- .container end -->
</div>
<!-- #features end -->
<!-- #testimonials -->
<div id="testimonials" class="bg-blue text-white wrap-container80">
<div class="container">
<i class="fa fa-quote-left affa-testimonial-icon"></i>
</div>
<!-- .carousel-slider -->
<div class="carousel-slider affa-testimonials-carousel">
<div class="slick-slide"> <!-- 1 -->
<div class="container">
<div class="affa-testimonial">
<div class="testimonial-txt text-white">
<p>"Un grand merci, c’est grâce à vous que j’ai eu un gros coup de cœur pour Vitré. Du coup nous avons visité un appartement en plein centre-ville, et nous déménageons début juillet.
"</p>
</div>
<div class="testimonial-name">
<img src="{{ asset('themes/conversi/images/content/avatar/philomene.jpg') }}" alt="Avatar">
<h4 class=" text-white">Philomène</h4>
</div>
</div>
</div>
</div>
</div>
<!-- .carousel-slider end -->
</div>
<!-- #testimonials end -->
<!-- #footer -->
<footer id="footer">
<!-- .container -->
<div class="container">
<div>
Entreprise, Territoire, Expert immo, vous souhaitez-être référencé sur notre plateforme ? <a href="https://paris-jetequitte.com/accueil-partenaires/" style="font-weight:bold">Contactez-nous !</a>
</div>
<p class="copyright-txt">© {{ 'now' | date('Y') }} - Tous droits réservés.</p>
<div class="socials">
<a target="_blank" href="https://www.facebook.com/parisjetequitte/" title="Facebook" class="link-facebook"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="https://www.linkedin.com/company/parisjetequitte/?originalSubdomain=fr" title="Linkedin" class="link-linkedin"><i class="fa fa-linkedin"></i></a>
<a target="_blank" href="https://www.instagram.com/parisjetequitte/?hl=fr" title="Instagram" class="link-instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
<!-- .container end -->
</footer>
<!-- #footer end -->
<div id="map"></div>
<!--[if lt IE 8]>
<div class="browser-notice">
<div class="container">
<div class="text">
<h1>Internet Explorer Out To Date</h1>
<p>Please update your Internet Explorer browser with a newer version (Internet Explorer 8 above) now!</p>
<span>You can download it <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank">here....</a></span>
</div>
</div>
</div>
<![endif]-->
{% endblock %}
{% block javascripts %}
<!-- JavaScripts -->
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery-1.11.3.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery-migrate-1.2.1.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.easing.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/smoothscroll.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/response.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.placeholder.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.fitvids.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.imgpreload.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/waypoints.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/slick.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.fancybox.pack.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.fancybox-media.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/jquery.counterup.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/parallax.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('themes/conversi/js/script.js')}}"></script>
{{ encore_entry_script_tags('candidate_onboarding_register') }}
{{ encore_entry_script_tags('candidate_onboarding_location') }}
{% endblock %}