src/Resources/views/Frontend/search.html.twig line 1

Open in your IDE?
  1. {% import _self as macros %}
  2. <div class="search">
  3.     <div class="prelative">
  4.         <div class="col-right-close grid-hide tab-l-visible tab-p-visible m-hide">
  5.             <div class="bloc-bt-close">
  6.                 <span class="bt-close tab-close-col-right">
  7.                     <span class="lignes">
  8.                         <span class="ligne1"></span>
  9.                         <span class="ligne3"></span>
  10.                     </span>
  11.                 </span>
  12.             </div>
  13.         </div>
  14.         <div class="col-right-close grid-hide m-visible">
  15.             <div class="bloc-bt-close">
  16.                 <span class="bt-close m-close-col-right">
  17.                     <span class="lignes">
  18.                         <span class="ligne1"></span>
  19.                         <span class="ligne3"></span>
  20.                     </span>
  21.                 </span>
  22.             </div>
  23.         </div>
  24.         {% if form_type is not defined or form_type == constant('App\\Form\\Type\\Frontend\\VehicleSearchType::FORM_DEFAULT') %}
  25.             <form action="{{ path('frontend_search_store') }}" method="POST">
  26.                 <div class="form-recherche">
  27.                     {{ form_widget(freesearch_form.freeSearch) }}
  28.                     {{ form_widget(freesearch_form.search) }}
  29.                     <span class="btn07"><i class="icon-menu-rechercher-m"></i></span>
  30.                 </div>
  31.             </form>
  32.             <div class="grid-container">
  33.                 <p class="left marginL10 marginT10">
  34.                     <span data-o="{{ (app.user is not null and app.user is pro) ? base64_encode(path('frontend_vehicle_alert_search_pro')) : base64_encode(path('frontend_vehicle_alert_search')) }}" class="btn-creer-alerte obflink" role="link"><i class="icon-alerte06"></i> {{ 'frontend.search.alert.create'|trans }}</span>
  35.                 </p>
  36.                 <p class="reset-search">
  37.                     <span>{{ 'frontend.search.reset'|trans }}</span> <i class="icon-reset-search"></i>
  38.                 </p>
  39.             </div>
  40.         {% endif %}
  41.         <h2 class="titre02">{{ 'frontend.search.finer'|trans }}</h2>
  42.         <form novalidate action="{{ path('frontend_vehicle_list') }}" method="POST" autocomplete="off">
  43.                 {{ form_errors(search_form) }}
  44.                  <div class="search-list">
  45.                     {{ form_row(search_form.event) }}
  46.                     <div class="prelative" data-field="category">
  47.                         <ul>
  48.                             <li class="elmt-onglet-vehicule">
  49.                                 <i class="icon-tourisme"></i>
  50.                                 <label>{{ 'frontend.search.form.category.tourism'|trans }}</label>
  51.                                 <span class="input-checkbox03"><input type="checkbox" value="{{ categories.vehiculedetourisme }}" name="" {{ macros.isChecked(categories.vehiculedetourisme, form_values) }}></span>
  52.                             </li>
  53.                             <li class="elmt-onglet-vehicule">
  54.                                 <i class="icon-utilitaire"></i>
  55.                                 <label>{{ 'frontend.search.form.category.utility'|trans }}</label>
  56.                                 <span class="input-checkbox03"><input type="checkbox" value="{{ categories.utilitaire }}" name="" {{ macros.isChecked(categories.utilitaire, form_values) }}></span>
  57.                             </li>
  58.                             <li class="elmt-onglet-vehicule">
  59.                                 <i class="icon-moto"></i>
  60.                                 <label>{{ 'frontend.search.form.category.two_wheels'|trans }}</label>
  61.                                 <span class="input-checkbox03"><input type="checkbox" value="{{ categories.moto }}" name="" {{ macros.isChecked(categories.moto, form_values) }}></span>
  62.                             </li>
  63.                             <li class="elmt-onglet-vehicule">
  64.                                 <i class="icon-4x4"></i>
  65.                                 <label>{{ 'frontend.search.form.category.4x4'|trans }}</label>
  66.                                 <span class="input-checkbox03"><input type="checkbox" value="{{ attribute(categories, '4x4') }}" name="" {{ macros.isChecked(attribute(categories, '4x4'), form_values) }}></span>
  67.                             </li>
  68.                             <li class="elmt-onglet-vehicule">
  69.                                 <i class="icon-campingcar"></i>
  70.                                 <label>{{ 'frontend.search.form.category.campingcar'|trans }}</label>
  71.                                 <span class="input-checkbox03"><input type="checkbox" value="{{ categories.campingcar }}" name="" {{ macros.isChecked(categories.campingcar, form_values) }}></span>
  72.                             </li>
  73.                             {% if form_type is not defined or form_type == constant('App\\Form\\Type\\Frontend\\VehicleSearchType::FORM_DEFAULT') %}
  74.                             <li class="elmt-onglet-vehicule autres">
  75.                                 <i class="icon-autres  cursor"></i>
  76.                                 <label class="cursor">{{ 'frontend.search.form.category.other'|trans }} <span class="fleche"><span class="ligne1"></span><span class="ligne2"></span></span></label>
  77.                                 <span>&nbsp;</span>
  78.                             </li>
  79.                             {% endif %}
  80.                         </ul>
  81.                         <div class="liste-autres none">
  82.                             <ul>
  83.                                 <li class="elmt-onglet-vehicule">
  84.                                     <span><i class="icon-camion"></i></span>
  85.                                     <label>{{ 'frontend.search.form.category.truck'|trans }}</label>
  86.                                     <span class="input-checkbox03"><input type="checkbox" value="{{ categories.camion }}" name="" {{ macros.isChecked(categories.camion, form_values) }}></span>
  87.                                 </li>
  88.                                 <li class="elmt-onglet-vehicule">
  89.                                     <span><i class="icon-sanspermis"></i></span>
  90.                                     <label>{{ 'frontend.search.form.category.licence_free'|trans }}</label>
  91.                                     <span class="input-checkbox03"><input type="checkbox" value="{{ categories.sanspermis }}" name="" {{ macros.isChecked(categories.sanspermis, form_values) }}></span>
  92.                                 </li>
  93.                                 <li class="elmt-onglet-vehicule">
  94.                                     <span><i class="icon-agricole"></i></span>
  95.                                     <label>{{ 'frontend.search.form.category.farm_equipment'|trans }}</label>
  96.                                     <span class="input-checkbox03"><input type="checkbox" value="{{ categories.materielagricole }}" name="" {{ macros.isChecked(categories.materielagricole, form_values) }}></span>
  97.                                 </li>
  98.                                 <li class="elmt-onglet-vehicule">
  99.                                     <span><i class="icon-tp"></i></span>
  100.                                     <label>{{ 'frontend.search.form.category.public_works'|trans }}</label>
  101.                                     <span class="input-checkbox03"><input type="checkbox" value="{{ categories.materieltp }}" name="" {{ macros.isChecked(categories.materieltp, form_values) }}></span>
  102.                                 </li>
  103.                             </ul>
  104.                         </div>
  105.                     </div>
  106.                     <div class="none">{{ form_widget(search_form.category) }}</div>
  107.                     <div class="budget-min-max grid-container">
  108.                         <p class="grid-30">{{ form_label(search_form.budget.min) }}</p>
  109.                         <p class="grid-30">{{ form_widget(search_form.budget.min) }}</p>
  110.                         <p class="grid-10 txtcenter">{{ form_label(search_form.budget.max) }}</p>
  111.                         <p class="grid-30">{{ form_widget(search_form.budget.max) }}</p>
  112.                     </div>
  113.                      <div class="min-max grid-container">
  114.                          <p class="grid-50">{{ form_widget(search_form.kilometers.min) }}</p>
  115.                          <p class="grid-50">{{ form_widget(search_form.kilometers.max) }}</p>
  116.                      </div>
  117.                      <div class="min-max grid-container">
  118.                          <p class="grid-50">{{ form_widget(search_form.millesime.min) }}</p>
  119.                          <p class="grid-50">{{ form_widget(search_form.millesime.max) }}</p>
  120.                      </div>
  121.                     <p class="prelative">
  122.                         <span class="bg-btn-3lignes">
  123.                             <span class="lignes">
  124.                               <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  125.                             </span>
  126.                         </span>
  127.                         {{ form_widget(search_form.maker) }} {{ form_widget(search_form.makerList) }}
  128.                     </p>
  129.                      <p class="prelative block-group-list">
  130.                         <span class="bg-btn-3lignes">
  131.                             <span class="lignes">
  132.                               <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  133.                             </span>
  134.                         </span>
  135.                         {{ form_widget(search_form.modelGroup) }} {{ form_widget(search_form.groupList) }}
  136.                     </p>
  137.                     <p class="prelative">
  138.                         <span class="bg-btn-3lignes">
  139.                             <span class="lignes">
  140.                               <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  141.                             </span>
  142.                         </span>
  143.                         {{ form_widget(search_form.energy) }} {{ form_widget(search_form.energyList) }}
  144.                     </p>
  145.                     {% if form_type is not defined or form_type == constant('App\\Form\\Type\\Frontend\\VehicleSearchType::FORM_DEFAULT') %}
  146.                     <p class="prelative">
  147.                         <span class="bg-btn-3lignes">
  148.                             <span class="lignes">
  149.                               <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  150.                             </span>
  151.                         </span>
  152.                         {{ form_widget(search_form.segmentSize) }} {{ form_widget(search_form.segmenttailleList) }}
  153.                     </p>
  154.                     <p class="prelative">
  155.                         <span class="bg-btn-3lignes">
  156.                             <span class="lignes">
  157.                               <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  158.                             </span>
  159.                         </span>
  160.                         {{ form_widget(search_form.options) }} {{ form_widget(search_form.optionsList) }}
  161.                     </p>
  162.                     {% endif %}
  163.                     {{ form_widget(search_form.segmentTransmission) }}
  164.                     {% if search_form.cityLocation is defined and app.user is pro %}
  165.                         <p class="prelative">
  166.                             <span class="bg-btn-3lignes">
  167.                                 <span class="lignes">
  168.                                   <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  169.                                 </span>
  170.                             </span>
  171.                             {{ form_widget(search_form.cityLocation) }} {{ form_widget(search_form.cityLocationList) }}
  172.                         </p>
  173.                     {% endif %}
  174.                     {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
  175.                         <p class="prelative">
  176.                             <span class="bg-select block"><span></span>
  177.                                 {{ form_widget(search_form.critair) }}
  178.                             </span>
  179.                         </p>
  180.                     {% endif %}
  181.                      {% if form_type is not defined or form_type == constant('App\\Form\\Type\\Frontend\\VehicleSearchType::FORM_DEFAULT') %}
  182.                         <p class="bt-search-advanced clearfix none{% if app.user is not pro %} active{% endif %}">
  183.                             <span class="left">{{ 'frontend.search.form.more'|trans }}</span>
  184.                             <span class="fleche right"><span class="ligne1"></span><span class="ligne2"></span></span>
  185.                         </p>
  186.                         <div class="search-advanced{% if app.user is not pro %} none{% endif %}">
  187.                             {% if search_form.estimated is defined %}
  188.                             <p class="search-estimated clearfix">
  189.                                 <span class="left input-checkbox02">{{ form_widget(search_form.estimated) }}</span>
  190.                                 <span class="paddingL5">{{ form_label(search_form.estimated) }}</span>
  191.                             </p>
  192.                             {% endif %}
  193.                             <p class="search-estimated clearfix">
  194.                                 <span class="left input-checkbox02">{{ form_widget(search_form.highlight) }}</span>
  195.                                 <span class="paddingL5">{{ form_label(search_form.highlight) }}</span>
  196.                             </p>
  197.                             <p class="search-estimated clearfix">
  198.                                 <span class="left input-checkbox02">{{ form_widget(search_form.fourwheeldrive) }}</span>
  199.                                 <span class="paddingL5">{{ form_label(search_form.fourwheeldrive) }}</span>
  200.                             </p>
  201.                             {{ form_widget(search_form.seatCount) }}
  202.                             <p class="search-estimated clearfix">
  203.                                 <span class="left input-checkbox02">{{ form_widget(search_form.broken) }}</span>
  204.                                 <span class="paddingL5">{{ form_label(search_form.broken) }}</span>
  205.                             </p>
  206.                             <p>{{ form_widget(search_form.co2) }}</p>
  207.                             {% if search_form.cityLocation is defined and app.user is not pro %}
  208.                                 <p class="prelative">
  209.                                 <span class="bg-btn-3lignes">
  210.                                     <span class="lignes">
  211.                                       <span class="ligne1"></span><span class="ligne2"></span><span class="ligne3"></span>
  212.                                     </span>
  213.                                 </span>
  214.                                     {{ form_widget(search_form.cityLocation) }} {{ form_widget(search_form.cityLocationList) }}
  215.                                 </p>
  216.                             {% endif %}
  217.                         </div>
  218.                     {% endif %}
  219.                     <p class="bt-search-simplified clearfix none">
  220.                         <span class="left">{{ 'frontend.search.form.less'|trans }}</span>
  221.                         <span class="fleche04"><span class="fleche right"><span class="ligne1"></span><span class="ligne2"></span></span></span>
  222.                     </p>
  223.                     <p class="txtright bt-rechercher">
  224.                         <button class="btn01" id="submit_form" type="button"><i class="icon-menu-rechercher-m"></i> {{ 'frontend.sidebar.item.search'|trans }}</button>
  225.                     </p>
  226.                 </div>
  227.         </form>
  228.     </div>
  229.     <div class="search-popin none">
  230.         <div class="bloc-bt-close">
  231.             <span class="bt-close close-search-popin">
  232.                 <span class="lignes">
  233.                     <span class="ligne1"></span>
  234.                     <span class="ligne3"></span>
  235.                 </span>
  236.             </span>
  237.         </div>
  238.         <div class="inbl cursor all-vehicle"><span class="input-checkbox03"></span> <span>{{ 'frontend.search.form.vehicleSearch.popinChoices.allMaker'|trans }}</span></div>
  239.         <div class="links">
  240.             <div class="ajaxloader"></div>
  241.         </div>
  242.         <p class="info-text">{{ 'frontend.search.form.vehicleSearch.popinChoices.textAlert'|trans }} </p>
  243.     </div>
  244. </div>
  246. {% macro isChecked(value, form_values) %}
  247.     {# category can be a string or an array, we check both cases #}
  248.     {% if form_values.category is defined and
  249.         (
  250.         (form_values.category is string and value in form_values.category|split(','))
  251.         or
  252.         (form_values.category is array and value in form_values.category)
  253.         )
  254.     %}
  255.         checked="checked"
  256.     {% endif %}
  257. {% endmacro %}