templates/elite/form_recherche_standard.html.twig line 1

Open in your IDE?
  2. {# empty Twig template #}
  3. <link rel="stylesheet" href="{{ asset('build/css/lib/range-slider.css') }}"/>
  4. <link rel="stylesheet" href="{{ asset('build/css/annonces/elite/list_recherche_standard.css') }}">
  7. {% if "list" not  in currentRoute  %}  
  8.     <script>
  9.         document.addEventListener('DOMContentLoaded', function () {
  10.             // on arrive au bon onglet atout
  11.             const urlCourante = window.location.href;
  12.             if (urlCourante.includes('#profils')) {
  13.                 // Petit délai pour laisser d'autres scripts s'initialiser
  14.                 const element = document.getElementById('form_recherche_standard');
  15.                 if (element) {
  16.                     element.scrollIntoView({
  17.                         behavior: "smooth",
  18.                         block: "center",
  19.                         inline: "nearest"
  20.                     });
  21.                 }
  23.             }
  25.       
  28.         });
  29.     </script>
  30. {% endif  %}
  31. <div class="col-12  {% if "list" not  in currentRoute  %} mt-5 {% endif  %}" 
  32.      {% if "list" not  in currentRoute  %} id="form_recherche_standard" {% endif  %}
  33.      >
  34.     {% set profils = elite_provider.listProfilsStrategiques %}
  36.     <div class="card mb-3 no_shadow"> 
  37.         <div class="card-body elite_color" style="">
  38.             <form name="form" method="get" action="{{ path('elite_list_recherche_standard',{'codePays':codePays} ) }}"  id="">
  39.                 <!-- FUSACQ ELITE -->
  40.                 <div class="bande-couleur">
  41.                     <div class="row">
  42.                         <div class="col-12 col-sm-6 text-left pl-4 ml-3 pt-2">
  43.                             <h5  class="elite_color" style=" ">Recherche par type d’entreprise grâce à l’IA</h5>
  44.                         </div>
  45.                         <div class="col-12 col-sm-5 text-right">
  46.                             <img src="/images/logo_elite_inline.jpg" class="img-fluid">&nbsp;&nbsp;&nbsp;
  47.                         </div>
  48.                     </div>
  49.                 </div>
  52.                 <div class="row">
  53.                     <!-- PARTIE GAUCHE -->
  54.                     <div class="col-12 col-lg-7 pl-4">
  56.                         <div class="row">
  57.                             <div class="col-12 mt-3 mb-2">
  58.                                 <div class="custom-select restore-native  border_select"  id="select2" >
  59.                                     <div class="select-header"  >
  60.                                         <span class="placeholder">Choisissez parmi 14 profils</span>
  61.                                     </div>
  64.                                     <div class="select-dropdown" id="dropdown">
  66.                                         <div class="reset-option" onclick="resetSelection('select2');">
  67.                                             <i class="fas fa-times-circle reset-icon"></i>
  68.                                             <span>Réinitialiser la sélection</span>
  69.                                         </div>
  72.                                         {% for categorie, profil in profils %}
  73.                                             <div class="option-category"> {{ categorie }}  </div>
  74.                                             {% for identifiant_profil, nom_profil in profil %}
  75.                                                 <div class="option-item"  >
  76.                                                     <a href="javascript:void(0)" 
  77.                                                        data-id="{{  identifiant_profil }}"
  78.                                                        data-label="{{  nom_profil|first }}"
  79.                                                        >• {{  nom_profil|first }}</a>
  80.                                                 </div>
  81.                                             {% endfor %}
  82.                                         {% endfor %}
  83.                                         <input id="identifiant_profil" name="identifiant_profil" type="hidden" value="" />
  84.                                     </div> 
  87.                                 </div>
  89.                             </div>
  90.                         </div>
  95.                         <div class="row">
  96.                             <div class="col-12 my-2">
  97.                                 <select id="id_secteur_activite1" name="id_secteur_activite1" class="form-control border_select" >
  98.                                     <option value="0">Tous les secteurs d'activité</option>
  99.                                     <option disabled="" class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  100.                                     {% for  nom_secteur,id_secteur in secteurs %}
  101.                                         <option  value="{{ id_secteur }}" 
  102.                                                  {% if filtres is not empty and filtres.id_secteur_activite1 is defined and filtres.id_secteur_activite1 ==  id_secteur %} selected {% endif %}
  103.                                                  >{{  nom_secteur }}
  104.                                         </option>
  105.                                     {% endfor %}
  106.                                 </select>
  107.                             </div>
  108.                         </div>
  110.                         <div class="row" id="id_secteur_activite2">
  111.                             <div class="col-12 my-2">
  112.                                 <select id="id_secteur_activite2" name="id_secteur_activite2" class="form-control border_select" >
  113.                                     <option value="0">Tous les sous-secteurs niveau 2</option>
  114.                                     <option disabled="" class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  116.                                 </select>
  117.                             </div>
  118.                         </div>
  120.                         <div class="row" id="id_secteur_activite3" >
  121.                             <div class="col-12 my-2">
  122.                                 <select id="id_secteur_activite3" name="id_secteur_activite3" class="form-control border_select" >
  123.                                     <option value="0">Tous les sous-secteurs niveau 3</option>
  124.                                     <option disabled="" class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  126.                                 </select>
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                     <!-- FIN PARTIE GAUCHE -->
  132.                     <!-- PARTIE DROITE -->
  133.                     <div class="col-12 col-lg-5">
  135.                         <div class="row">
  136.                             <div class="col-4 mt-4 pt-2 mb-3 oneline" id="ca_n">
  137.                                 Chiffre d'affaires
  138.                             </div>
  139.                             <div class="col-8 mt-1 mb-2 pr-3">     
  140.                                 <input type="text"   name="ca_n" value="" id="slider_ca_n" tabindex="-1" readonly=""> 
  141.                             </div>
  142.                         </div>
  144.                         <div class="row">
  145.                             <div class="col-12 my-2">
  146.                                 <select id="id_pays" name="id_pays" class="form-control border_select" >
  147.                                     <option value="0">Tous les pays</option>
  148.                                     <option disabled=""   class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  149.                                     {% for  nom_pays,id_pays in pays %}
  150.                                         <option  value="{{ id_pays}}"
  151.                                                  {% if filtres is not empty and filtres.id_pays is defined and filtres.id_pays ==  id_pays %} selected {% endif %}
  152.                                                  >{{  nom_pays}}</option>
  153.                                     {% endfor %}
  154.                                 </select>
  155.                             </div>
  156.                         </div>
  158.                         <div class="row" id="id_region">
  159.                             <div class="col-12 my-2">
  160.                                 <select id="id_region" name="id_region" class="form-control border_select" >
  161.                                     <option value="0">Toutes les régions</option>
  162.                                     <option disabled="" class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  164.                                 </select>
  165.                             </div>
  166.                         </div>
  168.                         <div class="row"  id="id_departement">
  169.                             <div class="col-12 my-2">
  170.                                 <select id="id_departement" name="id_departement" class="form-control border_select" >
  171.                                     <option value="0">Tous les départements</option>
  172.                                     <option disabled="" class="color_disabled">⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯</option>
  174.                                 </select>
  175.                             </div>
  176.                         </div>
  177.                     </div><!-- FIN PARTIE DROITE -->
  178.                 </div>
  180.                 <div class="row text-center">
  181.                     <div class="col-12 mt-2 ">
  182.                         {% if app.user|default    %} 
  183.                             {% if app.user is hasService(["81"]) or   app.user is hasService(["82"]) %}   
  184.                                 <button type="submit"  class="btn button-rond">Rechercher</button>
  185.                             {% else  %}  
  186.                                 <button type="button" data-id="elite_off"   id="button" name="button"  class="button-rond bleu_fusacq btn">Rechercher</button>
  187.                             {% endif %} 
  189.                         {% endif %}
  192.                         {% if app.user is null  %} 
  193.                             <button type="button" data-id="auth_off"  id="button" name="button"  class="button-rond bleu_fusacq btn">Rechercher</button>
  194.                         {% endif %}
  195.                     </div>
  196.                 </div>
  198.             </form>
  201.         </div>
  202.     </div>
  203. </div>
  206. <script   src="{{ asset('build/js/lib/Sortable.min.js') }}"   ></script>
  207. <script   src="{{ asset('build/js/lib/ion.rangeSlider.min.js') }}"  ></script>
  208. <script   src="{{ asset('build/js/lib/jquery-ui-1.8.22.slider.min.js') }}"   ></script> 
  209. <script type="application/javascript"  data-name="{{ codePays  }}" id="codePaysParam"  src="{{ asset('build/js/annonces/favoris.js') }}"></script> 
  210. <script    src="{{ asset('build/js/annonces/elite/liste_profils_strategiques.js') }}"  ></script>
  211. <script type="module"  src="{{ asset('build/js/annonces/elite/list_recherche_standard.js') }}"  ></script>
  212. <script type="module"  src="{{ asset('build/js/annonces/elite/recherche_standard_sa_localisation.js') }}"  ></script>
  213. <script type="module" src="{{ asset('build/js/annonces/elite/recherche_avancee_range_slider.js') }}"  ></script>  
  214. <script   type="module" src="{{ asset('build/js/annonces/elite/recherche_standard_form.js') }}"   ></script>