{% extends 'base.html.twig' %}{% block title %}{% endblock %}{% block description %}{% endblock %}{% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="{{ asset('build/css/lib/range-slider.css') }}"/> <link rel="stylesheet" href="{{ asset('build/css/annonces/elite/recherche_avancee.css') }}">{% endblock %}{% block body %} <!-- Menu --> {{ render_esi(controller( 'App\\Controller\\CoreController::menu', { "lang": lang, "currentRoute":currentRoute, "codePays": codePaysWithUnderScore } )) | spaceless }} <!-- Menu --> {% include 'assets/assets_vuejs.html.twig' %} <!-- Publicité --> {% include 'includes/publicite.html.twig' %} <!-- Publicité --> <div class="container" id="app"> <div class="row"> <!--COLONNE DROITE --> <div class="col-12 bkg_blanc no_shadow"> <!-- ARIANE --> <div class="row mt-3"> <div class="col-12"> <a href="{{ path('index',{'codePays':codePays}) }}" title="{{ translate("accueil",lang,"","M") | raw }}">{{ translate("accueil",lang,"","M") | raw }}</a> > <b>{{ translate("reprendre un entreprise ou développer ma société - Toutes les annonces",lang,"","M") | raw }}</b> </div> </div> <!-- FIN ARIANE --> <div class="row"> <div class="col-12 mt-5"> <h4 class="bleu_fusacq">{{ translate("reprendre un entreprise ou développer ma société",lang,"","M") | raw }}</h4> <h2 class="bleu_fusacq">{{ translate("toutes les annonces",lang,"","M") | raw }}</h2> </div> {% include 'elite/includes/notifications_success_errors.html.twig' %} <div class="onglet10 col-12 mt-3"> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <div class="col-12 col-sm-4 no-padding-x bl_gris br_gris order-4 order-sm-1"> {% set urlToutesLesAnnonces = path('reprendre_entreprise_annonces_cession_entreprise',{'codePays':codePaysWithUnderScore }) %} <a class="nav-item nav-link" href="{{ urlToutesLesAnnonces }}"> <span class="fs13">Toutes les annonces</span> </a> </div> <div class="col-12 col-sm-4 no-padding-x br_gris order-sm-2"> {% set urlRechercheAvancee = path('reprendre_entreprise_recherche_annonces_cession_entreprise' ,{'codePays':codePaysWithUnderScore }) %} <a class="nav-item nav-link" href="{{ urlRechercheAvancee }}"> <span class="fs13">Recherche avancée</span> </a> </div> <div class="col-12 col-sm-4 no-padding-x br_gris order-sm-3"> <div class="nav-item nav-link elite active"> <span class="fs13">Recherche ELITE</span> </div> </div> </div> </nav> </div> <div class="col-12 col-sm-6 offset-sm-3 mt-5 mb-3"> <div class="row"> {% if authentified and accesElite %} <div class="col-6 col-sm-5 pt-2 text-right"> Vos recherches sauvegardées : </div> <div class="col-4 col-sm-5"> <select id="recherches_sauvegardees" name="recherches_sauvegardees" class="form-control"> <option value="">Choisir</option> {% for recherche in recherches_sauvegardees %} <option value="{{ recherche.nom_recherche }}" data-id="{{ recherche.id }}" >{{ recherche.nom_recherche }}</option> {% endfor %} </select> </div> <div class="col-2 col-sm-2" style="display: none;gap: 10px;align-items: center; " id="btns"> <a href="javascript:void(0)" class="button-rond" role="button" aria-pressed="true" id="Charger" title="Charger"> Charger </a> <a href="javascript:void(0)" class="button-rond-blanc" role="button" aria-pressed="true" id="Supprimer" title="Supprimer"> Supprimer </a> </div> {% else %} <div class="col-12 text-center "> La recherche Elite est réservée aux adhérents <a href='/pack-mer/infos_fr_?pack=fusacq_elite'> FUSACQ Elite <a/> </div> {% endif %} </div> </div> {% if authentified and accesElite %} <div class="col-12 col-sm-6 " id="btn_reset"> <a href="{{ path('elite_recherche_avancee',{'codePays': codePaysWithUnderScore }) }}" class="button-rond" role="button" aria-pressed="true" id="reinitialiser" title="réinitialiser"> Réinitialiser </a> </div> {% endif %} {{ form_start(form, {attr: { 'id': 'elite','data-storage-key': 'formulaire' }}) }} <div class="col-12 mt-3"> <div class="accordion dep_annonce2" id="accordionExample"> <!-- SECTION ELITE --> <div class="card no_shadow" style="overflow: visible;" id="divElite" > <div class="card-header beige_creme" id="headingThree4" > <h2 class="mb-0"> <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree4" aria-expanded="false" aria-controls="collapseThree"> <i class="fa-solid fa-star"></i> <span class="link-text">Mes critères ELITE</span> </button> </h2> </div> <div id="collapseThree4" class="collapse beige_creme show" aria-labelledby="headingThree4" data-parent="#accordionExample" > <div class="card-body"> <div class="col-12 mt-3"> <div class="card mb-3 no_shadow no_border beige_creme" > <div class="card-body"> <div class="row"> <div class="col-12 mb-5 ml-3"> • faites glisser vos choix depuis le bloc "Critères disponibles" pour les ajouter à votre liste "Mes critères importants"<br> • si besoin changez leur ordre dans la liste<br> • si vous changez d'avis cliquez sur la petite croix correspondante pour les supprimer<br> <em class="d-sm-none mb-1">Affichage optimisé en orientation paysage</em> </div> <div class="col-12 col-sm-6" id="availableCriteria"> <div class="row"> <div class="ml-3"><h5>Critères disponibles</h5></div> <!-- style="font-size:1.25rem; margin-bottom:.5rem; font-weight:500; line-height:1.2;" --> <div class="d-none d-sm-block pl-3 pt-1 mb-1"> (faites glisser dans le cadre de droite)</div> <div class="d-sm-none ml-3 mb-1">(faites glisser dans le cadre ci-bas)</div> </div> <div class="category active"> <h6 id="positionnement" >Positionnement sur le marché</h6> <div class="zone" data-category="Positionnement sur le marché"> {% for keyPositionnement,valuePositionnement in criteres['positionnement'] %} <div class="criterion" code-text="{{ keyPositionnement }}" data-text="{{ valuePositionnement }}">{{ valuePositionnement }}</div> {% endfor %} </div> </div> <div class="category"> <h6 id="clientele" >Valeur de la clientèle</h6> <div class="zone" data-category="Valeur de la clientèle"> {% for keyClientele,valueClientele in criteres['clientele'] %} <div class="criterion" code-text="{{ keyClientele }}" data-text="{{ valueClientele }}">{{ valueClientele }}</div> {% endfor %} </div> </div> <div class="category"> <h6 id="potentiel" >Potentiel de développement</h6> <div class="zone" data-category="Potentiel de développement"> {% for keyPotentiel,valuePotentiel in criteres['potentiel'] %} <div class="criterion" code-text="{{ keyPotentiel }}" data-text="{{ valuePotentiel }}">{{ valuePotentiel }}</div> {% endfor %} </div> </div> </div> <div class="col-12 col-sm-6"> <div id="sticky-selected"> <h5>Mes critères par ordre d'importance </h5> <div class="d-none d-sm-block" style="float: left;"><i class="fa-solid fa-caret-right fa-2x gris_666 arrow-move"></i></div> <div id="selectedCriteria" class="zone"></div> {{ form_widget(form.criteres) }} </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- FIN SECTION ELITE --> <!-- Localisation --> <div class="card no_shadow"> <div class="card-header" id="headingOne"> <h2 class="mb-0"> <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <i class="fa-solid fa-location-dot"></i> <span class="link-text">Localisation</span> </button> </h2> </div> <div id="collapseOne" class="collapse " aria-labelledby="headingOne" data-parent="#accordionExample"> <div class="card-body"> <bloc_localisations_recherches> <div class="row" > <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Localisations souhaitées</h5></div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3" ></div> {{ form_widget(form.localisations_recherchees) }} <div class="col-8 col-lg-5 mb-3" multi-data="localisations_recherchees" > </div> </div> <div class="row" id="id_pays"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Pays </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_pays) }} </div> </div> <div class="row" id="id_region"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Région </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_region) }} </div> </div> <div class="row" id="id_departement"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Département </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_departement) }} </div> </div> <div class="row" > <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3" ></div> <div class="col-8 col-lg-5 mb-3" > <div class="col-8 col-lg-6 mb-3" btn-multi-data="localisations_recherchees" > <button type="button" name="ajouter" class="btn btn-bleu btn">Ajouter</button> </div> </div> </div> </bloc_localisations_recherches> <bloc_localisations_exclus> <div class="row" > <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Localisations à exclure</h5></div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3" ></div> {{ form_widget(form.localisations_exclus) }} <div class="col-8 col-lg-5 mb-3" multi-data="localisations_exclus" > </div> </div> <div class="row" id="id_pays"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Pays </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_pays_exclus) }} </div> </div> <div class="row" id="id_region"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Région </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_region_exclus) }} </div> </div> <div class="row" id="id_departement"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Département </div> <div class="col-8 col-lg-5 mb-3"> {{ form_widget(form.id_departement_exclus) }} </div> </div> <div class="row" > <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3" ></div> <div class="col-8 col-lg-5 mb-3" > <div class="col-8 col-lg-6 mb-3" btn-multi-data="localisations_exclus" > <button type="button" name="ajouter" class="btn btn-bleu btn">Exclure</button> </div> </div> </div> </bloc_localisations_exclus> </div> </div> </div> <!-- Localisation --> <!-- id_secteur_activite --> <div class="card no_shadow"> <div class="card-header" id="headingTwo"> <h2 class="mb-0"> <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <i class="fa-solid fa-icons"></i> <span class="link-text">Secteur d'activité</span> </button> </h2> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample"> <div class="card-body"> <bloc_secteurs_recherches> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Secteurs souhaités</h5></div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-1 no-padding-x"> <div class="form-check"> <label class="contai"><span class="pt-5">Mots-clés</span> <input type="radio" name="secteur" value="0"> <span class="checkma"></span> </label> </div> </div> <div class="col-8 col-lg-5 mb-3 input-group"> {{ form_widget(form.mots_cle_recherche) }} </div> <div class="col-12 col-lg-8 offset-lg-2 mb-3 text-right"> <small>Privilégiez les mots-clés pour trouver des annonces dans le secteur qui vous intéresse</small> </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 no-padding-x"> <div class="form-check"> <label class="contai">Secteur prédefini <input type="radio" name="secteur" value="1"> <span class="checkma"></span> </label> </div> </div> {{ form_widget(form.id_secteurs_recherches) }} <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" multi-data="id_secteurs_recherches" > </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite1"> {{ form_widget(form.id_secteur_activite1) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite2"> {{ form_widget(form.id_secteur_activite2) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite3"> {{ form_widget(form.id_secteur_activite3) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" btn-multi-data="id_secteurs_recherches" > <button type="button" name="" class="btn btn-bleu btn">Ajouter</button> </div> </div> </bloc_secteurs_recherches> <bloc_secteurs_exclus> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Secteurs à exclure</h5></div> {{ form_widget(form.id_secteurs_exclus) }} <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" multi-data="id_secteurs_exclus" > </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite1_exclus"> {{ form_widget(form.id_secteur_activite1_exclus) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite2_exclus"> {{ form_widget(form.id_secteur_activite2_exclus) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite3_exclus"> {{ form_widget(form.id_secteur_activite3_exclus) }} </div> <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" btn-multi-data="id_secteurs_exclus" > <button type="button" name="" class="btn btn-bleu btn">Exclure</button> </div> </div> </bloc_secteurs_exclus> </div> </div> </div> <!-- id_secteur_activite --> <!-- Situation financière --> <div class="card no_shadow"> <div class="card-header" id="headingThree3"> <h2 class="mb-0"> <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree3" aria-expanded="false" aria-controls="collapseThree"> <i class="fa-solid fa-euro-sign"></i> <span class="link-text">Situation financière</span> </button> </h2> </div> <div id="collapseThree3" class="collapse" aria-labelledby="headingThree3" data-parent="#accordionExample"> <div class="card-body"> <div class="row"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Chiffre d'affaires </div> <div class="col-7 col-lg-5 mt-1 mb-2"> <input type="text" name="ca_n" value="" id="slider_ca_n" tabindex="-1" readonly=""> {{ form_widget(form.ca_n_min) }} {{ form_widget(form.ca_n_max) }} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Nombre de collaborateurs </div> <div class="col-7 col-lg-5 mt-1 mb-2"> <input type="text" name="nb_personnes" value="" id="slider_nb_personnes" tabindex="-1" readonly=""> {{ form_widget(form.nb_personnes_min) }} {{ form_widget(form.nb_personnes_max) }} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-3 mb-3"> Redressement judiciaire </div> <div class="col-8 col-lg-5 mb-3 input-group mt-3"> {% for child in form.redressement_judiciaire %} <div class="form-check form-check-inline no-padding-x"> <label class="contai">{{ child.vars.label|capitalize }} <input type="radio" id="redressement_judiciaire" {% if(child.vars.checked) %} checked {% endif %} name="{{ child.vars.full_name }}" value="{{ child.vars.value }}"> <span class="checkma"></span> </label> </div> {% endfor %} </div> </div> </div> </div> </div> <!-- Situation financière --> <!-- Concernant la cession --> <div class="card no_shadow"> <div class="card-header" id="headingThree"> <h2 class="mb-0"> <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <i class="fa-regular fa-building"></i> <span class="link-text">Concernant la cession</span> </button> </h2> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample"> <div class="card-body"> <div class="row"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Capital cédé </div> <div class="col-8 col-lg-5 mb-3 input-group"> {{ form_widget(form.type_cession) }} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Raison de la cession </div> <div class="col-8 col-lg-5 mb-3 input-group"> {{ form_widget(form.id_raison_cession) }} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Immobilier à vendre </div> <div class="col-8 col-lg-5"> {% for child in form.immobilier_dans_prix_cession %} <div class="form-check form-check-inline no-padding-x"> <label class="contai" for="{{ child.vars.id }}" > {{ child.vars.label }} <input type="radio" id="{{ child.vars.id }}" name="{{ form.immobilier_dans_prix_cession.vars.name }}" value="{{ child.vars.value }}" {% if(child.vars.checked) %} checked {% endif %} /> <span class="checkma"></span> </label> </div> {% endfor %} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Prix de cession </div> <div class="col-7 col-lg-5 mt-1 mb-2"> <input type="text" name="prix_cession" value="" id="slider_prix_cession" tabindex="-1" readonly=""> {{ form_widget(form.prix_cession_min) }} {{ form_widget(form.prix_cession_max) }} </div> </div> </div> </div> </div> <!-- Concernant la cession --> <!-- Concernant le repreneur --> <div class="card no_shadow"> <div class="card-header" id="headingThree2"> <h2 class="mb-0"> <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree2" aria-expanded="false" aria-controls="collapseThree"> <i class="fa-solid fa-user-tie"></i> <span class="link-text">Concernant le repreneur</span> </button> </h2> </div> <div id="collapseThree2" class="collapse" aria-labelledby="headingThree2" data-parent="#accordionExample"> <div class="card-body"> <div class="row"> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Type de repreneur </div> <div class="col-8 col-lg-5"> {% for child in form.profil_repreneur_checkbox %} <div class="form-check form-check-inline no-padding-x"> <label class="conta" for="{{ child.vars.id }}" > {{ child.vars.label }} <input id="{{ child.vars.id }}" type="checkbox" name="{{ form.profil_repreneur_checkbox.vars.name }}[]" value="{{ child.vars.value }}" {% if(child.vars.checked) %}checked {% endif %} /> <span class="checkmark"></span> </label> </div> {% endfor %} </div> <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"> Apport demandé </div> <div class="col-7 col-lg-5 mt-1 mb-2"> <input type="text" name="apport_demande" value="" id="slider_apport_demande" tabindex="-1" readonly=""> {{ form_widget(form.apport_fp_min) }} {{ form_widget(form.apport_fp_max) }} </div> </div> </div> </div> </div> <!-- Concernant le repreneur --> <div class="card dep_annonce no_shadow"> <div class="card-footer text-center"> <div class="col-8 offset-2 col-lg-4 offset-lg-4 mt-3"> <div class="row text-center"> <div class="col-12 col-lg-8 offset-lg-2"> <label class="conta"><small>sauvegarder cette recherche</small> <input type="checkbox" name="sauvegarder_recherche"> <span class="checkmark"></span> </label> </div> </div> </div> <div class="col-8 offset-2 col-lg-4 offset-lg-4" id="recherche-nom" style="display: none;"> <div class="row"> <div class="col-4 col-lg-3 text-center pt-2">Nom</div> <div class="col-8 col-lg-7"> <input type="text" name="nom_recherche" id="nom_recherche" class="form-control" value=""> </div> </div> </div> <div id="loadingOverlay" style="display: none;"> <div class="spinner"></div> </div> <div class="col-12 text-center mt-3"> {% if authentified == true and accesElite == true %} {{ form_widget(form.submit) }} {% endif %} {% if authentified == false and accesElite == false %} <button type="button" data-id="auth_off" id="button" name="button" class="button-rond bleu_fusacq btn">Valider mes critères</button> {% endif %} {% if authentified == true and accesElite == false %} <button type="button" data-id="elite_off" id="button" name="button" class="button-rond bleu_fusacq btn">Valider mes critères</button> {% endif %} </div> </div> </div> </div> </div> {{ form_end(form, {'render_rest': false}) }} </div><!--FIN COLONNE DROITE --> </div> <!--FIN ROW CONTAINER --> </div> </div> {% include 'elite/includes/confirmation_supprimer_recherche.html.twig' %} {% include 'elite/includes/modal_multi_localisation_sa.html.twig' %} {% include 'elite/includes/elite_access.html.twig' %}{% endblock %}{% block javascripts %} {{ parent() }} <script src="{{ asset('build/js/lib/Sortable.min.js') }}" defer ></script> <script src="{{ asset('build/js/lib/jquery-ui-1.8.22.slider.min.js') }}" defer></script> <script src="{{ asset('build/js/lib/ion.rangeSlider.min.js') }}" defer></script> <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee.js') }}" ></script> <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_sa_localisation.js') }}" ></script> <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_range_slider.js') }}" ></script> <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_form.js') }}" id="data-form" data-form="{{ recherches_sauvegardees|serialize(format = 'json') }}" > </script>{% endblock %}