templates/ouvrir_capital/recherche_avancee_cv_repreneur.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
  2. {% block title %}
  3. <title>{{ translate("recherche avancée, CV de repreneurs" ,lang,"","M") | raw }}</title>
  4. {% endblock %}
  5. {% block description %}
  6. <meta name="description" content="{{ translate("recherche avancée pour trouver des CV de repreneurs" ,lang,"","M") | raw }}">
  7. {% endblock %}
  8. {% block stylesheets %}  {{ parent() }}
  9. <link rel="stylesheet" href="{{ asset('build/css/lib/range-slider.css') }}"/>
  10. <link rel="stylesheet" href="{{ asset('build/css/reprendre_entreprise/rechercheavancee.css') }}"/>
  11. <link rel="stylesheet" href="{{ asset('build/css/vendre_entreprise/rechercheavancee.css') }}"/>
  12. <link rel="stylesheet" href="{{ asset('build/css/annuaires/repreneurs/repreneurs_recherche.css') }}">
  13. {% endblock %}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
  14.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  15. {% block body %}
  16.     {% include 'assets/assets_vuejs.html.twig' %}
  17.     
  18.     <!-- Menu  -->
  19.     {{ render_esi(controller(
  20.       'App\\Controller\\CoreController::menu',
  21.       {   "lang": lang,
  22.           "currentRoute":currentRoute,
  23.           "codePays": codePaysWithUnderScore }
  24.     )) }}
  25.       <!-- Menu  -->
  26.                   
  27.       <!-- Publicite  -->
  28.     {% include 'includes/publicite.html.twig' %}
  29.       <!-- Publicite  -->
  30.     <div class="container" id="app">
  31.         <div class="row">
  32.             <!--COLONNE GAUCHE -->
  33.             {% include 'includes/colonnes_gauche.html.twig' %}
  34.             <!--FIN COLONNE GAUCHE -->
  35.             
  36.             <!--COLONNE DROITE -->
  37.             <div class="col-12 col-lg-9 bkg_blanc">
  38.                 <!-- ARIANE -->
  39.                 <nav aria-label="breadcrumb" class="d-none d-sm-block">
  40.                   <ol class="breadcrumb">
  41.                     <li class="breadcrumb-item"><a href="{{ path('index',{'codePays':codePays}  ) }}">{{ translate("accueil",lang,"","M") | raw }}</a></li>
  42.                     <li class="breadcrumb-item">{{ translate("ouvrir mon capital ou m'associer",lang,"","M") | raw }}</li>
  43.                     <li class="breadcrumb-item active" aria-current="page">{{ translate("recherche avancee",lang,"","M") | raw }}</li>
  44.                   </ol>
  45.                 </nav>
  46.                 <!-- FIN ARIANE -->
  47.                 
  48.                 <div class="row" >
  49.                     <div class="col-12 my-4">
  50.                         <!-- <h2 class="bleu_fusacq">{{ translate("reprendre une entreprise ou developper ma societe",lang,"","M") | raw }}</h2>-->
  51.                         <h1 class="recherche_avancee orange-new">{{ translate("recherche avancee",lang,"","M") | raw }} - {{ translate("CV de repreneurs",lang,"","M") | raw }}</h1>
  52.                         <a href="#" data-toggle="modal" data-target="#modal-explication-generale" title="" class="underlined">{{ translate('que sont les "CV de repreneurs" proposés par FUSACQ ?',lang,"","M") | raw }}</a>
  53.                     </div>
  54.                 </div>
  55.                 
  56.                 <!--MOBILE-->
  57.                 <div class="row d-block d-sm-none bkg_gris_clair">
  58.                     <div class="onglet8 col-12 my-3 pt-3">
  59.                           <nav>
  60.                             <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  61.                                 <div class="col-6 no-padding-x bl_gris br_gris">
  62.                                 <a class="nav-item nav-link" href="{{ path('ouvrir_capital_cv_repreneurs',{'codePays':codePaysWithUnderScore}) }}">
  63.                                     <span class="fs13">{{ translate("recherche standard",lang,"","M") | raw }}</span></a>
  64.                                 </div>
  65.                                 <div class="col-6 no-padding-x br_gris order-sm-1">
  66.                                 <div class="nav-item nav-link active">
  67.                                     <span class="fs13">{{ translate("recherche avancee",lang,"","M") | raw }}</span></div>
  68.                                 </div>
  69.                             </div>
  70.                           </nav>
  71.                     </div>
  72.                     <div class="col-12 mb-3">
  73.                         <div class="row">
  74.                             <div class="col-6 text-center my-3 br_gris">
  75.                                 <div class="blanc lh099 py-3">
  76.                                     <a href="{{ path('ouvrir_capital_recherche_business_angel',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}" class="orange-new lh099 py-3">
  77.                                         <span class="res_font">{{ translate("business<br>angel",lang,"","M", "") | raw }}</span>
  78.                                     </a>
  79.                                 </div>
  80.                             </div>
  81.                         
  82.                             <div class="col-6 text-center my-3 pr-4 br_gris">
  83.                                 <div class="blanc lh099 py-3">
  84.                                     <a href="{{ path('ouvrir_capital_recherche_recherches_partenariat',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}" class="orange-new lh099 py-3">
  85.                                         <span class="res_font">{{ translate("recherches<br>de partenariats",lang,"","M", "") | raw }}</span>
  86.                                     </a>
  87.                                 </div>
  88.                             </div>
  89.                             
  90.                             <div class="col-6 text-center my-3">
  91.                                 <div class="blanc bkg_orange_new lh099 py-3">
  92.                                     <span class="res_font">{{ translate("acheteurs<br>prêts à investir",lang,"","M", "") | raw }}</span>
  93.                                 </div>
  94.                             </div>
  95.                             
  96.                             <div class="col-6 text-center my-3">
  97.                                 <div class="blanc lh099 py-3">
  98.                                     <a href="{{ path('ouvrir_capital_recherche_fonds_investissement',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}" class="orange-new lh099 py-3">
  99.                                         <span class="res_font">{{ translate("fonds<br>d'investissement",lang,"","M", "") | raw }}</span>
  100.                                     </a>
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.                 <!--MOBILE-->
  107.                 
  108.                 <!--TOUT SAUF MOBILE-->
  109.                 <div class="row d-none d-sm-block">
  110.                     <div class="onglet8 col-12 mt-3">
  111.                         <nav>
  112.                             <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  113.                                 <div class="col-12 col-sm-6 no-padding-x bl_gris br_gris">
  114.                                     <a class="nav-item nav-link" href="{{ path('ouvrir_capital_cv_repreneurs',{'codePays':codePaysWithUnderScore}) }}">
  115.                                         <span class="fs13">{{ translate("toutes les opportunites",lang,"","M") | raw }}</span>
  116.                                     </a>
  117.                                 </div>
  118.                                 <div class="col-12 col-sm-6 no-padding-x br_gris order-sm-1">
  119.                                     <div class="nav-item nav-link active">
  120.                                         <span class="fs13">{{ translate("recherche avancee",lang,"","M") | raw }}</span>
  121.                                     </div>
  122.                                 </div>
  123.                             </div>
  124.                         </nav>
  125.                     </div>
  126.                     <div class="onglet8 col-12 mt-5 mb-4">
  127.                         <nav>
  128.                             <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  129.                                 <div class="col-12 col-sm-3 no-padding-x bl_gris br_gris lh13 order-sm-1">
  130.                                     <a class="nav-item nav-link" href="{{ path('ouvrir_capital_recherche_business_angel',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}">
  131.                                           <span class="fs2"><span class="fs12">{{ translate("business<br>angel",lang,"","M", "") | raw }}</span>
  132.                                       </a>
  133.                                 </div>
  134.                                 <div class="col-12 col-sm-3 no-padding-x br_gris lh13 order-sm-2">
  135.                                     <a class="nav-item nav-link" href="{{ path('ouvrir_capital_recherche_recherches_partenariat',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}">
  136.                                           <span class="fs2"><span class="fs12">{{ translate("recherches de partenariats",lang,"","M", "") | raw }}</span>
  137.                                       </a>
  138.                                 </div>
  139.                                 <div class="col-12 col-sm-3 no-padding-x br_gris lh13 order-sm-3">
  140.                                       <div class="nav-item nav-link active">
  141.                                           <span class="fs2"><span class="fs12">{{ translate("acheteurs prêts à investir",lang,"","M", "") | raw }}</span>
  142.                                       </div>
  143.                                 </div>
  144.                                 <div class="col-12 col-sm-3 no-padding-x br_gris lh13 order-4 order-sm-4">
  145.                                     <a class="nav-item nav-link" href="{{ path('ouvrir_capital_recherche_fonds_investissement',{'codePays':codePaysWithUnderScore}) }}?{{ string_params }}">
  146.                                           <span class="fs2"><span class="fs12">{{ translate("fonds<br>d'investissement",lang,"","M", "") | raw }}</span>
  147.                                       </a>
  148.                                 </div> 
  149.                             </div>
  150.                           </nav>
  151.                     </div>
  152.                 </div>
  153.                 <!--TOUT SAUF MOBILE-->
  154.                 
  155.                 <div class="row mt-5">
  156.                     <div class="onglet8 col-12 col-sm-6 offset-sm-5 mb-4">
  157.                         <nav>
  158.                             <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  159.                                   <div class="col-6 col-sm-5 no-padding-x lh13">
  160.                                       <div class="nav-item nav-link active">
  161.                                         <span class="fs12">{{ translate("CV de<br>repreneurs",lang,"","M", "") | raw }}</span>
  162.                                       </div>
  163.                                 </div> 
  164.                                   <div class="col-6 col-sm-5 no-padding-x lh13 br_gris">
  165.                                       <a class="nav-item nav-link" href="{{ path('ouvrir_capital_recherche_annonces_acquisition',{'codePays':codePaysWithUnderScore}  ) }}?{{ string_params }}">
  166.                                           <span class="fs12">{{ translate("annonces<br>d'acquisition",lang,"","M", "") | raw }}</span>
  167.                                       </a>
  168.                                 </div>
  169.                             </div>
  170.                       </nav>
  171.                     </div>
  172.                 </div>
  173.                 <div class="row">
  174.                     <div class="col-12">        
  175.                         <div class="card mb-3 no_shadow"> 
  176.                             <div class="card-body">
  177.                                 {{ form_start(form) }}
  178.                                 <div class="row">
  179.                                     <!--ZONE GEOGRAPHIQUE-->
  180.                                     <div class="col-12 col-lg-9 offset-lg-1">
  181.                                         <h5 class="gris_666">{{ translate("localisations",lang,"","M") | raw }}</h5>
  182.                                     </div>
  183.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 localisations_selected">
  184.                                         
  185.                                     </div>
  186.                                     <div class="col-8 col-lg-5 mb-3 localisations_selected" id="div_localisations_selected">
  187.                                         {% if parametres_localisations.array_localisation is defined %}
  188.                                             {% for id_loc, loc in parametres_localisations.array_localisation %}
  189.                                             <button class="btn btn-orange-new btn-localisation mr-1 mt-1" type="button" id="{{ id_loc }}">
  190.                                                 {{ loc }} <i class="fas fa-times"></i>
  191.                                             </button>
  192.                                             {% endfor %}
  193.                                         {% endif %}
  194.                                     </div>
  195.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  196.                                         <label for="id_pays">{{ translate("pays",lang,"","M") | raw }}</label>
  197.                                     </div>
  198.                                     <div class="col-8 col-lg-5 mb-3">
  199.                                         {{ form_widget(form.id_pays, {'attr': {'class': 'form-control'}}) }}
  200.                                     </div>
  201.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 id_region" style="display: none;">
  202.                                         <label for="id_region" id="label-lvl1">{{ translate("region",lang,"","M") | raw }}</label>
  203.                                     </div>
  204.                                     <div class="col-8 col-lg-5 mb-3 id_region" style="display: none;">
  205.                                         {{ form_widget(form.id_region, {'attr': {'class': 'form-control'}}) }}
  206.                                     </div>
  207.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 ">
  208.                                     </div>
  209.                                     <div class="col-8 col-lg-5 mb-3 btn_ajouter" style="display: none;">
  210.                                         {{ form_widget(form.ajouter, {'attr': {'class': 'btn btn-orange-new'}, 'label': translate("ajouter",lang,"","M") | raw  }) }}
  211.                                     </div>
  212.                                     {{ form_widget(form.id_localisation) }}
  213.                                     <!--FIN ZONE GEOGRAPHIQUE-->
  214.                                 
  215.                                     <!--SECTEUR ACTIVITE-->
  216.                                     <div class="col-12 col-lg-9 offset-lg-1 my-4 pt-3 bt_gris div-motscles">
  217.                                         <h5 class="gris_666">{{ translate("secteur d'activité",lang,"","M") | raw }}</h5>
  218.                                     </div>
  219.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 div-motscles">
  220.                                         {% form_theme form.recherche_par with 'form_div_layout.html.twig' only %}
  221.                                         <label class="contai">
  222.                                             {{ form_widget(form.recherche_par.children[0], { 'id': 'recherche_par_motscles' }) }} 
  223.                                             <label class="form-check-label" for="recherche_par_motscles">{{ translate("mots-cles",lang,"","M") | raw }}</label>
  224.                                             <span class="checkma"></span>
  225.                                         </label>
  226.                                     </div>
  227.                                     <div class="col-8 col-lg-5 mb-3 input-group div-motscles">
  228.                                         {{ form_widget(form.reference_mots_cles, {'attr': {'class': 'form-control'}}) }}
  229.                                     </div>
  230.                                     <!-- mots exact -->
  231.                                     <div class="col-12 text-center my-4 div-motscles">
  232.                                       <button aria-pressed="true" autocomplete="off" data-toggle="button"  v-model="mots_cle_exact"    @click="toggleMotCleExact($event)"  name="mots_cle_exact" type="button" class="btn btn-sm btn-toggle"   :class="mots_cle_exact_style">
  233.                                           <div class="handle"></div>
  234.                                       </button>
  235.                                       
  236.                                       <small>
  237.                                           {{ translate("mots cles exacts" ,lang,"","M") | raw }}
  238.                                     </small>
  239.                                     {{ form_widget(form.mots_cle_exact ) }}
  240.                                     </div>
  241.                                     <!-- mots exact -->
  242.                                     <div class="col-12 col-lg-8 offset-lg-2 mb-5 text-right">
  243.                                         <small>{{ translate("les recherches par mots-clés sont souvent plus précises que par secteurs prédéfinis",lang,"","M") | raw }}</small>
  244.                                     </div>
  245.                                     
  246.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 secteurs_selected">
  247.                                     </div>
  248.                                     <div class="col-8 col-lg-5 mb-3 localisations_selected" id="div_secteurs_selected">
  249.                                         {% if parametres_secteurs.array_secteur is defined %}
  250.                                             {% for id_secteur, secteur in parametres_secteurs.array_secteur %}
  251.                                                 <button class="btn btn-orange-new btn-secteur mr-1 mt-1" type="button" id="{{ id_secteur }}">
  252.                                                     {{ secteur }} <i class="fas fa-times"></i>
  253.                                                 </button>
  254.                                             {% endfor %}
  255.                                         {% endif %}
  256.                                     </div>
  257.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 div-secteurs">
  258.                                         <label class="contai">
  259.                                             {{ form_widget(form.recherche_par.children[1], { 'id': 'recherche_par_secteurs' }) }} 
  260.                                             <label class="form-check-label" for="recherche_par_secteurs">{{ translate("secteur predefini",lang,"","M") | raw }}</label>
  261.                                             <span class="checkma"></span>
  262.                                         </label>
  263.                                     </div>
  264.                                     <div class="col-8 col-lg-5 mb-3 input-group div-secteurs">
  265.                                         {{ form_widget(form.id_secteur_activite, {'attr': {'class': 'form-control'}}) }}
  266.                                     </div>
  267.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 secteur-activite-1 div-secteurs" style="{% if show_secteur_niveau_2 == false %}display: none;{% endif %}">
  268.                                         <label for="id_secteur_activite">{{ translate("sous-secteur niveau 1",lang,"","M") | raw }}</label>
  269.                                     </div>
  270.                                     <div class="col-8 col-lg-5 mb-3 input-group secteur-activite-1 div-secteurs" style="{% if show_secteur_niveau_2 == false %}display: none;{% endif %}">
  271.                                         {{ form_widget(form.id_secteur_activite2, {'attr': {'class': 'form-control'}}) }}
  272.                                     </div>
  273.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 secteur-activite-2 div-secteurs" style="{% if show_secteur_niveau_3 == false %}display: none;{% endif %}">
  274.                                         <label for="id_secteur_activite">{{ translate("sous-secteur niveau 2",lang,"","M") | raw }}</label>
  275.                                     </div>
  276.                                     <div class="col-8 col-lg-5 mb-3 input-group secteur-activite-2 div-secteurs" style="{% if show_secteur_niveau_3 == false %}display: none;{% endif %}">
  277.                                         {{ form_widget(form.id_secteur_activite3, {'attr': {'class': 'form-control'}}) }}
  278.                                     </div>
  279.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 ">
  280.                                     </div>
  281.                                     <div class="col-8 col-lg-5 mb-3 ajouter_secteur_activite" style="display: none;">
  282.                                         {{ form_widget(form.ajouter_secteur_activite, {'attr': {'class': 'btn btn-orange-new'}, 'label': translate("ajouter",lang,"","M") | raw  }) }}
  283.                                     </div>
  284.                                     {{ form_widget(form.id_secteur) }}
  285.                                     <!--FIN SECTEUR ACTIVITE-->
  286.                                 
  287.                                     <div class="col-12 col-lg-9 offset-lg-1 mt-3 pt-3 bt_gris">
  288.                                         <h5 class="gris_666">{{ translate("montant recherché",lang,"","M") | raw }}</h5>
  289.                                     </div>
  290.                                     <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  291.                                         <label for="montant_recherche">{{ translate("en k",lang,"","m") | raw }}€</label>
  292.                                     </div>
  293.                                     <div class="col-8 col-lg-5 mb-3 input-group">
  294.                                         {{ form_widget(form.montant_recherche, {'attr': {'class': 'form-control'}}) }}
  295.                                     </div>
  296.                                     <div class="col-12 col-lg-9 offset-lg-1 mt-3 pt-3 bt_gris">
  297.                                         <h5 class="gris_666">{{ translate("en échange le repreneur aura une participation",lang,"","M") | raw }}</h5>
  298.                                     </div>
  299.                                     <div class="col-12 col-lg-10 offset-lg-2 mt-1 mb-3">
  300.                                         {{ form_widget(form.type_reprise_bis) }}
  301.                                     </div>
  302.                                     <div class="col-12 text-center mt-4 mt-3">
  303.                                         {{ form_widget(form.type_recherche) }}
  304.                                         {{ form_widget(form.rechercher, {'attr': {'class': 'btn btn-orange-new'}, 'label': translate("rechercher",lang,"","M") | raw  }) }}
  305.                                     </div>
  306.                                 </div>
  307.                                 {{ form_end(form) }}
  308.                             </div>
  309.                         </div>
  310.                     </div>
  311.                 </div>
  312.                 
  313.             </div><!--FIN COLONNE DROITE --> 
  314.                 
  315.         </div> <!--FIN ROW CONTAINER --> 
  316.     </div>  <!--FIN CONTAINER -->
  317.     
  318.     <!--MODAL-->
  319.     <div class="modal fade" id="modal-explication-generale" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  320.         <div class="modal-dialog modal-lg" role="document">
  321.             <div class="modal-content">
  322.                 <div class="modal-header">
  323.                     <h5 class="modal-title orange-new" id="exampleModalLabel">{{ translate('que sont les "CV de repreneurs" proposés par FUSACQ ?',lang,"","M") | raw }}</h5>
  324.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  325.                         <span aria-hidden="true">&times;</span>
  326.                     </button>
  327.                 </div>
  328.                 <div class="modal-body">
  329.                     {{ translate("<b>Les repreneurs investisseurs sont des personnes physiques prêtes à investir aux côtés du dirigeant actuel.</b><br><br>
  330. En quoi un repreneur personne physique est parfois un investisseur potentiel ?<br><br>
  331. <i>Un repreneur personne physique, généralement un cadre en entreprise (ou un ancien dirigeant), peut être ouvert à une prise de participation majoritaire ou minoritaire avec le chef d'entreprise actuel.<br><br>
  332. Les repreneurs présents dans cette rubrique ont ainsi indiqué lors du dépôt de leur CV être ouverts à ce type d'investissement.</i> ",lang,"","M") | raw }}
  333.                     <!-- <div class="form-check-inline col-12 mt-5">
  334.                         <label class="form-check-label">
  335.                                 <input type="checkbox" class="form-check-input" value="affichage">Ne plus afficher la prochaine fois
  336.                         </label>
  337.                     </div> -->
  338.                 </div>
  339.                 <div class="modal-footer">
  340.                     <button type="button" class="btn btn-orange-new" data-dismiss="modal">J'ai compris</button>
  341.                 </div>
  342.             </div>
  343.         </div>
  344.     </div>
  345.     <!--FIN MODAL-->
  346.   {% endblock %}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
  347.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  348. {% block javascripts %} 
  349.     {{ parent() }}
  350.     <script src="{{ asset('build/js/lib/ion.rangeSlider.min.js') }}"></script>
  351.     <script type="module" data-name="{{ codePaysWithUnderScore }}" id="codePaysParam" src="{{ asset('build/js/annuaires/annuaire_repreneurs_recherche.js') }}"></script>
  352.     <script type="module" data-name="{{ codePaysWithUnderScore }}" id="codePaysParam" src="{{ asset('build/js/ouvrir_capital/recherche_avancee.js') }}"></script>
  353. {% endblock %}