templates/elite/recherche_avancee.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3. {% endblock %}
  4. {% block description %}
  5. {% endblock %}
  6. {% block stylesheets %}
  7.     {{ parent() }}
  8.     <link rel="stylesheet" href="{{ asset('build/css/lib/range-slider.css') }}"/>
  9.     <link rel="stylesheet" href="{{ asset('build/css/annonces/elite/recherche_avancee.css') }}">
  10. {% endblock %}
  11. {% block body %}
  12.     <!-- Menu  -->
  13.     {{ render_esi(controller(
  14.           'App\\Controller\\CoreController::menu',
  15.           {   "lang": lang,
  16.               "currentRoute":currentRoute,
  17.               "codePays": codePaysWithUnderScore }
  18.       )) | spaceless }}
  19.     <!-- Menu  -->
  20.     {% include 'assets/assets_vuejs.html.twig' %}
  21.     <!-- Publicité  -->
  22.     {% include 'includes/publicite.html.twig' %}
  23.     <!-- Publicité  -->
  24.     <div class="container" id="app">
  25.         <div class="row">
  26.             <!--COLONNE DROITE -->
  27.             <div class="col-12 bkg_blanc no_shadow">
  28.                 <!-- ARIANE -->
  29.                 <div class="row mt-3">
  30.                     <div class="col-12">
  31.                         <a href="{{ path('index',{'codePays':codePays}) }}" title="{{ translate("accueil",lang,"","M") | raw }}">{{ translate("accueil",lang,"","M") | raw }}</a> 
  32.                         &gt; <b>{{ translate("reprendre un entreprise ou développer ma société - Toutes les annonces",lang,"","M") | raw }}</b>
  33.                     </div>
  34.                 </div>
  35.                 <!-- FIN ARIANE -->
  36.                 <div class="row">
  37.                     <div class="col-12 mt-5">
  38.                         <h4 class="bleu_fusacq">{{ translate("reprendre un entreprise ou développer ma société",lang,"","M") | raw }}</h4>
  39.                         <h2 class="bleu_fusacq">{{ translate("toutes les annonces",lang,"","M") | raw }}</h2>
  40.                     </div>
  41.                     {% include 'elite/includes/notifications_success_errors.html.twig' %}
  42.                     <div class="onglet10 col-12 mt-3">
  43.                         <nav>
  44.                             <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  45.                                 <div class="col-12 col-sm-4 no-padding-x bl_gris br_gris order-4 order-sm-1">
  46.                                     {% set urlToutesLesAnnonces = path('reprendre_entreprise_annonces_cession_entreprise',{'codePays':codePaysWithUnderScore    }) %}
  47.                                     <a class="nav-item nav-link" href="{{ urlToutesLesAnnonces }}">
  48.                                         <span class="fs13">Toutes les annonces</span>
  49.                                     </a>
  50.                                 </div>
  51.                                 <div class="col-12 col-sm-4 no-padding-x br_gris order-sm-2">
  52.                                     {% set urlRechercheAvancee = path('reprendre_entreprise_recherche_annonces_cession_entreprise' ,{'codePays':codePaysWithUnderScore    }) %}
  53.                                     <a class="nav-item nav-link" href="{{ urlRechercheAvancee }}">
  54.                                         <span class="fs13">Recherche avancée</span>
  55.                                     </a>
  56.                                 </div>
  57.                                 <div class="col-12 col-sm-4 no-padding-x br_gris order-sm-3">
  58.                                     <div class="nav-item nav-link elite active">
  59.                                         <span class="fs13">Recherche ELITE</span>
  60.                                     </div>
  61.                                 </div>
  62.                             </div>
  63.                         </nav>
  64.                     </div>
  65.                     <div class="col-12 col-sm-6 offset-sm-3 mt-5 mb-3">
  66.                         <div class="row">
  67.                             {% if authentified and accesElite   %} 
  68.                                 <div class="col-6 col-sm-5 pt-2 text-right">
  69.                                     Vos recherches sauvegardées :
  70.                                 </div>
  71.                                 <div class="col-4 col-sm-5">
  72.                                     <select id="recherches_sauvegardees" name="recherches_sauvegardees" class="form-control">
  73.                                         <option value="">Choisir</option>
  74.                                         {% for recherche in recherches_sauvegardees %}
  75.                                             <option value="{{ recherche.nom_recherche }}" data-id="{{ recherche.id }}" >{{ recherche.nom_recherche }}</option>
  76.                                         {% endfor %}
  77.                                     </select>
  78.                                 </div>
  79.                                 <div class="col-2 col-sm-2" style="display: none;gap: 10px;align-items: center; " id="btns">
  80.                                     <a href="javascript:void(0)"
  81.                                        class="button-rond"
  82.                                        role="button" aria-pressed="true"
  83.                                        id="Charger" title="Charger">
  84.                                         Charger
  85.                                     </a>
  86.                                     <a href="javascript:void(0)"
  87.                                        class="button-rond-blanc"
  88.                                        role="button" aria-pressed="true"
  89.                                        id="Supprimer" title="Supprimer">
  90.                                         Supprimer
  91.                                     </a>
  92.                                 </div>
  93.                             {% else   %}
  94.                                 <div class="col-12   text-center  ">
  95.                                     La recherche Elite est réservée aux adhérents 
  96.                                     <a href='/pack-mer/infos_fr_?pack=fusacq_elite'>
  97.                                         FUSACQ Elite
  98.                                         <a/>
  99.                                 </div>
  100.                             {% endif   %}
  101.                         </div>
  102.                     </div>
  103.                     {% if authentified and accesElite   %} 
  104.                         <div class="col-12 col-sm-6 " id="btn_reset">
  105.                             <a href="{{ path('elite_recherche_avancee',{'codePays': codePaysWithUnderScore }) }}"
  106.                                class="button-rond"
  107.                                role="button" aria-pressed="true"
  108.                                id="reinitialiser" title="réinitialiser">
  109.                                 Réinitialiser
  110.                             </a>
  111.                         </div>
  112.                     {% endif   %}
  113.                     {{ form_start(form, {attr: { 'id': 'elite','data-storage-key': 'formulaire' }}) }}
  114.                     <div class="col-12 mt-3">
  115.                         <div class="accordion dep_annonce2" id="accordionExample">
  116.                             <!-- SECTION ELITE -->
  117.                             <div class="card no_shadow" style="overflow: visible;" id="divElite" >
  118.                                 <div class="card-header beige_creme" id="headingThree4"  >
  119.                                     <h2 class="mb-0">
  120.                                         <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree4" aria-expanded="false" aria-controls="collapseThree">
  121.                                             <i class="fa-solid fa-star"></i>&nbsp;&nbsp;&nbsp;
  122.                                             <span class="link-text">Mes critères ELITE</span>
  123.                                         </button>
  124.                                     </h2>
  125.                                 </div>
  126.                                 <div id="collapseThree4" class="collapse beige_creme show" aria-labelledby="headingThree4" data-parent="#accordionExample"  >
  127.                                     <div class="card-body">
  128.                                         <div class="col-12 mt-3">
  129.                                             <div class="card mb-3 no_shadow no_border beige_creme"  > 
  130.                                                 <div class="card-body">
  131.                                                     <div class="row">
  132.                                                         <div class="col-12 mb-5 ml-3">
  133.                                                             • faites glisser vos choix depuis le bloc "Critères disponibles" pour les ajouter à votre liste "Mes critères importants"<br>
  134.                                                             • si besoin changez leur ordre dans la liste<br>
  135.                                                             • si vous changez d'avis cliquez sur la petite croix correspondante pour les supprimer<br>
  136.                                                             <em class="d-sm-none mb-1">Affichage optimisé en orientation paysage</em>
  137.                                                         </div>
  138.                                                         <div class="col-12 col-sm-6" id="availableCriteria">
  139.                                                             <div class="row">
  140.                                                                 <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;" -->
  141.                                                                 <div class="d-none d-sm-block pl-3 pt-1 mb-1"> (faites glisser dans le cadre de droite)</div>
  142.                                                                 <div class="d-sm-none ml-3 mb-1">(faites glisser dans le cadre ci-bas)</div>
  143.                                                             </div>
  144.                                                             <div class="category active">
  145.                                                                 <h6  id="positionnement"  >Positionnement sur le marché</h6>
  146.                                                                 <div class="zone" data-category="Positionnement sur le marché">
  147.                                                                     {% for keyPositionnement,valuePositionnement in criteres['positionnement'] %}
  148.                                                                         <div class="criterion"
  149.                                                                              code-text="{{ keyPositionnement }}"
  150.                                                                              data-text="{{ valuePositionnement }}">{{ valuePositionnement }}</div>
  151.                                                                     {% endfor %}
  152.                                                                 </div>
  153.                                                             </div>
  154.                                                             <div class="category">
  155.                                                                 <h6  id="clientele"   >Valeur de la clientèle</h6>
  156.                                                                 <div class="zone" data-category="Valeur de la clientèle">
  157.                                                                     {% for keyClientele,valueClientele in criteres['clientele'] %}
  158.                                                                         <div class="criterion" 
  159.                                                                              code-text="{{ keyClientele }}"
  160.                                                                              data-text="{{ valueClientele }}">{{ valueClientele }}</div>
  161.                                                                     {% endfor %}
  162.                                                                 </div>
  163.                                                             </div>
  164.                                                             <div class="category">
  165.                                                                 <h6  id="potentiel"  >Potentiel de développement</h6>
  166.                                                                 <div class="zone" data-category="Potentiel de développement">
  167.                                                                     {% for keyPotentiel,valuePotentiel in criteres['potentiel'] %}
  168.                                                                         <div class="criterion"
  169.                                                                              code-text="{{ keyPotentiel }}"
  170.                                                                              data-text="{{ valuePotentiel }}">{{ valuePotentiel }}</div>
  171.                                                                     {% endfor %}
  172.                                                                 </div>
  173.                                                             </div>
  174.                                                         </div>
  175.                                                         <div class="col-12 col-sm-6">
  176.                                                             <div id="sticky-selected">
  177.                                                                 <h5>Mes critères par ordre d'importance </h5>
  178.                                                                 <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>
  179.                                                                 <div id="selectedCriteria" class="zone"></div>
  180.                                                                 {{ form_widget(form.criteres) }}
  181.                                                             </div>
  182.                                                         </div>
  183.                                                     </div>
  184.                                                 </div>
  185.                                             </div>
  186.                                         </div>
  187.                                     </div>
  188.                                 </div>
  189.                             </div>
  190.                             <!-- FIN SECTION ELITE -->
  191.                             <!-- Localisation -->
  192.                             <div class="card no_shadow">
  193.                                 <div class="card-header" id="headingOne">
  194.                                     <h2 class="mb-0">
  195.                                         <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  196.                                             <i class="fa-solid fa-location-dot"></i>&nbsp;&nbsp;&nbsp;
  197.                                             <span class="link-text">Localisation</span>
  198.                                         </button>
  199.                                     </h2>
  200.                                 </div>
  201.                                 <div id="collapseOne" class="collapse " aria-labelledby="headingOne" data-parent="#accordionExample">
  202.                                     <div class="card-body">
  203.                                         <bloc_localisations_recherches>
  204.                                             <div class="row"   >
  205.                                                 <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Localisations souhaitées</h5></div>
  206.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"   ></div>
  207.                                                 {{ form_widget(form.localisations_recherchees) }}
  208.                                                 <div class="col-8 col-lg-5 mb-3" multi-data="localisations_recherchees" >
  209.                                                 </div>
  210.                                             </div>
  211.                                             <div class="row" id="id_pays">
  212.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  213.                                                     Pays
  214.                                                 </div>
  215.                                                 <div class="col-8 col-lg-5 mb-3">
  216.                                                     {{ form_widget(form.id_pays) }}
  217.                                                 </div>
  218.                                             </div>
  219.                                             <div class="row" id="id_region">
  220.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  221.                                                     Région
  222.                                                 </div>
  223.                                                 <div class="col-8 col-lg-5 mb-3">
  224.                                                     {{ form_widget(form.id_region) }}
  225.                                                 </div>
  226.                                             </div>
  227.                                             <div class="row" id="id_departement">
  228.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  229.                                                     Département
  230.                                                 </div>
  231.                                                 <div class="col-8 col-lg-5 mb-3">
  232.                                                     {{ form_widget(form.id_departement) }}
  233.                                                 </div>
  234.                                             </div>
  235.                                             <div class="row"   >
  236.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"   ></div>
  237.                                                 <div class="col-8 col-lg-5 mb-3"   >
  238.                                                     <div class="col-8 col-lg-6 mb-3" btn-multi-data="localisations_recherchees" >
  239.                                                         <button type="button"    name="ajouter" class="btn btn-bleu btn">Ajouter</button>
  240.                                                     </div>
  241.                                                 </div>
  242.                                             </div>
  243.                                         </bloc_localisations_recherches>
  244.                                         <bloc_localisations_exclus>
  245.                                             <div class="row"   >
  246.                                                 <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Localisations à exclure</h5></div>
  247.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"   ></div>
  248.                                                 {{ form_widget(form.localisations_exclus) }}
  249.                                                 <div class="col-8 col-lg-5 mb-3" multi-data="localisations_exclus" >
  250.                                                 </div>
  251.                                             </div>
  252.                                             <div class="row" id="id_pays">
  253.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  254.                                                     Pays
  255.                                                 </div>
  256.                                                 <div class="col-8 col-lg-5 mb-3">
  257.                                                     {{ form_widget(form.id_pays_exclus) }}
  258.                                                 </div>
  259.                                             </div>
  260.                                             <div class="row" id="id_region">
  261.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  262.                                                     Région
  263.                                                 </div>
  264.                                                 <div class="col-8 col-lg-5 mb-3">
  265.                                                     {{ form_widget(form.id_region_exclus) }}
  266.                                                 </div>
  267.                                             </div>
  268.                                             <div class="row" id="id_departement">
  269.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  270.                                                     Département
  271.                                                 </div>
  272.                                                 <div class="col-8 col-lg-5 mb-3">
  273.                                                     {{ form_widget(form.id_departement_exclus) }}
  274.                                                 </div>
  275.                                             </div>
  276.                                             <div class="row"  >
  277.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3"   ></div>
  278.                                                 <div class="col-8 col-lg-5 mb-3"   >
  279.                                                     <div class="col-8 col-lg-6 mb-3" btn-multi-data="localisations_exclus" >
  280.                                                         <button type="button"    name="ajouter" class="btn btn-bleu btn">Exclure</button>
  281.                                                     </div>
  282.                                                 </div>
  283.                                             </div>
  284.                                         </bloc_localisations_exclus>
  285.                                                 
  286.                                     </div>
  287.                                 </div>
  288.                             </div>
  289.                             <!-- Localisation --> 
  290.                             <!-- id_secteur_activite -->
  291.                             <div class="card no_shadow">
  292.                                 <div class="card-header" id="headingTwo">
  293.                                     <h2 class="mb-0">
  294.                                         <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  295.                                             <i class="fa-solid fa-icons"></i>&nbsp;&nbsp;&nbsp;
  296.                                             <span class="link-text">Secteur d'activité</span>
  297.                                         </button>
  298.                                     </h2>
  299.                                 </div>
  300.                                 <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
  301.                                     <div class="card-body">
  302.                                         <bloc_secteurs_recherches>
  303.                                             <div class="row">
  304.                                                 <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Secteurs souhaités</h5></div>
  305.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-1 no-padding-x">
  306.                                                     <div class="form-check">
  307.                                                         <label class="contai"><span class="pt-5">Mots-clés</span>
  308.                                                             <input type="radio"  name="secteur" value="0">
  309.                                                             <span class="checkma"></span>
  310.                                                         </label>
  311.                                                     </div>
  312.                                                 </div>
  313.                                                 <div class="col-8 col-lg-5 mb-3 input-group">
  314.                                                     {{ form_widget(form.mots_cle_recherche) }}
  315.                                                 </div>
  316.                                                 <div class="col-12 col-lg-8 offset-lg-2 mb-3 text-right">
  317.                                                     <small>Privilégiez les mots-clés pour trouver des annonces dans le secteur qui vous intéresse</small>
  318.                                                 </div>
  319.                                                 <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3 no-padding-x">
  320.                                                     <div class="form-check">
  321.                                                         <label class="contai">Secteur prédefini
  322.                                                             <input type="radio"  name="secteur" value="1">
  323.                                                             <span class="checkma"></span>
  324.                                                         </label>
  325.                                                     </div>
  326.                                                 </div>
  327.                                                 {{ form_widget(form.id_secteurs_recherches) }}
  328.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" multi-data="id_secteurs_recherches" >
  329.                                                 </div>
  330.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite1">
  331.                                                     {{ form_widget(form.id_secteur_activite1) }}
  332.                                                 </div>
  333.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite2">
  334.                                                     {{ form_widget(form.id_secteur_activite2) }}
  335.                                                 </div>
  336.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite3">
  337.                                                     {{ form_widget(form.id_secteur_activite3) }}
  338.                                                 </div>
  339.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" btn-multi-data="id_secteurs_recherches" >
  340.                                                     <button type="button"    name="" class="btn btn-bleu btn">Ajouter</button>
  341.                                                 </div>
  342.                                             </div>
  343.                                         </bloc_secteurs_recherches>
  344.                                         <bloc_secteurs_exclus>
  345.                                             <div class="row">
  346.                                                 <div class="col-12 col-sm-10 offset-sm-1 my-2"><h5>Secteurs à exclure</h5></div>
  347.  
  348.                                                 {{ form_widget(form.id_secteurs_exclus) }}
  349.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" multi-data="id_secteurs_exclus" >
  350.                                                 </div>
  351.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite1_exclus">
  352.                                                     {{ form_widget(form.id_secteur_activite1_exclus) }}
  353.                                                 </div>
  354.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite2_exclus">
  355.                                                     {{ form_widget(form.id_secteur_activite2_exclus) }}
  356.                                                 </div>
  357.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" id="id_secteur_activite3_exclus">
  358.                                                     {{ form_widget(form.id_secteur_activite3_exclus) }}
  359.                                                 </div>
  360.                                                 <div class="col-8 offset-4 col-lg-5 offset-lg-5 mb-3 input-group" btn-multi-data="id_secteurs_exclus" >
  361.                                                     <button type="button"    name="" class="btn btn-bleu btn">Exclure</button>
  362.                                                 </div>
  363.                                                 
  364.                                             </div>
  365.                                         </bloc_secteurs_exclus>
  366.                                     </div>
  367.                                 </div>
  368.                             </div>
  369.                             <!-- id_secteur_activite -->
  370.                             <!--  Situation financière  -->
  371.                             <div class="card no_shadow">
  372.                                 <div class="card-header" id="headingThree3">
  373.                                     <h2 class="mb-0">
  374.                                         <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree3" aria-expanded="false" aria-controls="collapseThree">
  375.                                             <i class="fa-solid fa-euro-sign"></i>&nbsp;&nbsp;&nbsp;<span class="link-text">Situation financière</span>
  376.                                         </button>
  377.                                     </h2>
  378.                                 </div>
  379.                                 <div id="collapseThree3" class="collapse" aria-labelledby="headingThree3" data-parent="#accordionExample">
  380.                                     <div class="card-body">
  381.                                         <div class="row">
  382.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  383.                                                 Chiffre d'affaires
  384.                                             </div>
  385.                                             <div class="col-7 col-lg-5 mt-1 mb-2">
  386.                                                 <input type="text"   name="ca_n" value="" id="slider_ca_n" tabindex="-1" readonly=""> 
  387.                                                 {{ form_widget(form.ca_n_min) }}
  388.                                                 {{ form_widget(form.ca_n_max) }}
  389.                                             </div>
  390.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  391.                                                 Nombre de collaborateurs
  392.                                             </div>
  393.                                             <div class="col-7 col-lg-5 mt-1 mb-2"> 
  394.                                                 <input type="text"   name="nb_personnes" value="" id="slider_nb_personnes" tabindex="-1" readonly=""> 
  395.                                                 {{ form_widget(form.nb_personnes_min) }}
  396.                                                 {{ form_widget(form.nb_personnes_max) }}
  397.                                             </div>
  398.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-3 mb-3">
  399.                                                 Redressement judiciaire
  400.                                             </div>
  401.                                             <div class="col-8 col-lg-5 mb-3 input-group mt-3">
  402.                                                 {% for    child in form.redressement_judiciaire %}
  403.                                                     <div class="form-check form-check-inline no-padding-x">
  404.                                                         <label class="contai">{{ child.vars.label|capitalize  }}
  405.                                                             <input type="radio"  
  406.                                                                    id="redressement_judiciaire"
  407.                                                                    {% if(child.vars.checked) %} checked {% endif %}
  408.                                                                    name="{{ child.vars.full_name }}" 
  409.                                                                    value="{{ child.vars.value  }}">
  410.                                                             <span class="checkma"></span>
  411.                                                         </label>
  412.                                                     </div>
  413.                                                 {% endfor %}
  414.                                             </div>
  415.                                         </div>
  416.                                     </div>
  417.                                 </div>
  418.                             </div>
  419.                             <!--  Situation financière  -->
  420.                             <!-- Concernant la cession -->
  421.                             <div class="card no_shadow">
  422.                                 <div class="card-header" id="headingThree">
  423.                                     <h2 class="mb-0">
  424.                                         <button class="btn  btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  425.                                             <i class="fa-regular fa-building"></i>&nbsp;&nbsp;&nbsp;<span class="link-text">Concernant la cession</span>
  426.                                         </button>
  427.                                     </h2>
  428.                                 </div>
  429.                                 <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
  430.                                     <div class="card-body">
  431.                                         <div class="row">
  432.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  433.                                                 Capital cédé
  434.                                             </div>
  435.                                             <div class="col-8 col-lg-5 mb-3 input-group">
  436.                                                 {{ form_widget(form.type_cession) }}
  437.                                             </div>
  438.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  439.                                                 Raison de la cession
  440.                                             </div>
  441.                                             <div class="col-8 col-lg-5 mb-3 input-group">
  442.                                                 {{ form_widget(form.id_raison_cession) }}
  443.                                             </div>
  444.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  445.                                                 Immobilier à vendre
  446.                                             </div>
  447.                                             <div class="col-8 col-lg-5">
  448.                                                 {% for child in form.immobilier_dans_prix_cession %}
  449.                                                     <div class="form-check form-check-inline no-padding-x">
  450.                                                         <label class="contai" for="{{ child.vars.id }}" > {{ child.vars.label }}
  451.                                                             <input type="radio"
  452.                                                                    id="{{ child.vars.id }}"
  453.                                                                    name="{{   form.immobilier_dans_prix_cession.vars.name }}"
  454.                                                                    value="{{ child.vars.value }}"
  455.                                                                    {% if(child.vars.checked) %} checked {% endif %}
  456.                                                                    />
  457.                                                             <span class="checkma"></span>
  458.                                                         </label>
  459.                                                     </div>
  460.                                                 {% endfor %}
  461.                                             </div>
  462.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  463.                                                 Prix de cession
  464.                                             </div>
  465.                                             <div class="col-7 col-lg-5 mt-1 mb-2">
  466.                                                 <input type="text"   name="prix_cession" value="" id="slider_prix_cession" tabindex="-1" readonly="">
  467.                                                 {{ form_widget(form.prix_cession_min) }}
  468.                                                 {{ form_widget(form.prix_cession_max) }}
  469.                                             </div>
  470.                                         </div>
  471.                                     </div>
  472.                                 </div>
  473.                             </div>
  474.                             <!-- Concernant la cession -->
  475.                             <!-- Concernant le repreneur -->
  476.                             <div class="card no_shadow">
  477.                                 <div class="card-header" id="headingThree2">
  478.                                     <h2 class="mb-0">
  479.                                         <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree2" aria-expanded="false" aria-controls="collapseThree">
  480.                                             <i class="fa-solid fa-user-tie"></i>&nbsp;&nbsp;&nbsp;
  481.                                             <span class="link-text">Concernant le repreneur</span>
  482.                                         </button>
  483.                                     </h2>
  484.                                 </div>
  485.                                 <div id="collapseThree2" class="collapse" aria-labelledby="headingThree2" data-parent="#accordionExample">
  486.                                     <div class="card-body">
  487.                                         <div class="row">
  488.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  489.                                                 Type de repreneur
  490.                                             </div>
  491.                                             <div class="col-8 col-lg-5">
  492.                                                 {% for child in form.profil_repreneur_checkbox %}
  493.                                                     <div class="form-check form-check-inline no-padding-x">
  494.                                                         <label class="conta" for="{{ child.vars.id }}"  > {{ child.vars.label }}
  495.                                                             <input    id="{{ child.vars.id }}"
  496.                                                                       type="checkbox"   
  497.                                                                       name="{{   form.profil_repreneur_checkbox.vars.name  }}[]"
  498.                                                                       value="{{ child.vars.value }}"
  499.                                                                       {% if(child.vars.checked) %}checked {% endif %}
  500.                                                                       />
  501.                                                             <span class="checkmark"></span>
  502.                                                         </label>
  503.                                                     </div>
  504.                                                 {% endfor %}
  505.                                             </div>
  506.                                             <div class="col-4 col-lg-3 offset-lg-2 mt-1 mb-3">
  507.                                                 Apport demandé
  508.                                             </div>
  509.                                             <div class="col-7 col-lg-5  mt-1 mb-2">
  510.                                                 <input type="text"   name="apport_demande" value="" id="slider_apport_demande" tabindex="-1" readonly="">
  511.                                                 {{ form_widget(form.apport_fp_min) }}
  512.                                                 {{ form_widget(form.apport_fp_max) }}
  513.                                             </div>
  514.                                         </div>
  515.                                     </div>
  516.                                 </div>
  517.                             </div>
  518.                             <!-- Concernant le repreneur -->
  519.                             <div class="card dep_annonce no_shadow">
  520.                                 <div class="card-footer text-center">
  521.                                     <div class="col-8 offset-2 col-lg-4 offset-lg-4 mt-3">
  522.                                         <div class="row text-center">
  523.                                             <div class="col-12 col-lg-8 offset-lg-2">
  524.                                                 <label class="conta"><small>sauvegarder cette recherche</small>
  525.                                                     <input type="checkbox" name="sauvegarder_recherche">
  526.                                                     <span class="checkmark"></span>
  527.                                                 </label>
  528.                                             </div>
  529.                                         </div>
  530.                                     </div>
  531.                                     <div class="col-8 offset-2 col-lg-4 offset-lg-4" id="recherche-nom" style="display: none;">
  532.                                         <div class="row">
  533.                                             <div class="col-4 col-lg-3 text-center pt-2">Nom</div>
  534.                                             <div class="col-8 col-lg-7">
  535.                                                 <input type="text" name="nom_recherche" id="nom_recherche" class="form-control" value="">
  536.                                             </div>
  537.                                         </div> 
  538.                                     </div>    
  539.                                     <div id="loadingOverlay" 
  540.                                          style="display: none;">
  541.                                         <div class="spinner"></div>
  542.                                     </div>
  543.                                     <div class="col-12 text-center mt-3">
  544.                                         {% if authentified == true and accesElite == true  %}
  545.                                             {{ form_widget(form.submit) }}
  546.                                         {% endif %}
  547.                                         {% if authentified == false and accesElite == false  %}
  548.                                             <button type="button" data-id="auth_off" id="button" name="button" class="button-rond bleu_fusacq btn">Valider mes critères</button>
  549.                                         {% endif %}
  550.                                         {% if authentified == true and accesElite == false  %}
  551.                                             <button type="button" data-id="elite_off" id="button" name="button" class="button-rond bleu_fusacq btn">Valider mes critères</button>
  552.                                         {% endif %}
  553.                                     </div>
  554.                                 </div>
  555.                             </div>
  556.                         </div>
  557.                     </div>
  558.                     {{ form_end(form, {'render_rest': false}) }}
  559.                 </div><!--FIN COLONNE DROITE --> 
  560.             </div> <!--FIN ROW CONTAINER --> 
  561.         </div>
  562.     </div>
  563.     {% include 'elite/includes/confirmation_supprimer_recherche.html.twig'      %}
  564.       {% include 'elite/includes/modal_multi_localisation_sa.html.twig'      %}
  565.     {% include 'elite/includes/elite_access.html.twig' %}
  566. {% endblock %}
  567. {% block javascripts %} 
  568.     {{ parent() }} 
  569.     <script   src="{{ asset('build/js/lib/Sortable.min.js') }}" defer ></script>
  570.     <script   src="{{ asset('build/js/lib/jquery-ui-1.8.22.slider.min.js') }}"  defer></script>
  571.     <script   src="{{ asset('build/js/lib/ion.rangeSlider.min.js') }}" defer></script>
  572.     <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee.js') }}"  ></script>
  573.     <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_sa_localisation.js') }}"  ></script>
  574.     <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_range_slider.js') }}"  ></script>
  575.     <script   type="module"
  576.               src="{{ asset('build/js/annonces/elite/recherche_avancee_form.js') }}"  
  577.               id="data-form"
  578.               data-form="{{ recherches_sauvegardees|serialize(format = 'json') }}" >
  579.     </script>
  580. {% endblock %}