templates/front/accueil/recherche.html.twig line 1

Open in your IDE?
  1. <div class="container position-absolute containerAbosute">
  2.     <div class="row">
  3.         <div
  4.             class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ma_top">
  5.             <!-- search-block -->
  6.             <div class="">
  7.                 {% for message in app.flashes('danger') %}
  8.                     <div class="container" style="position: absolute; top: 32%;">
  9.                         <div class="alert alert-danger">
  10.                             {{ message }}
  11.                         </div>
  12.                     </div>
  13.                 {% endfor %}
  14.                 <div class="text-center search-head">
  15.                     {% for block in pagesHome %}
  16.                         {% if block.name == 'Bloc accueil principal' %}
  17.                             {% if is_granted('ROLE_ADMIN') %}
  18.                                 <a href="{{ path('admin_modify_block_home', {'id': block.id}) }}">
  19.                                     <i class="fas fa-pencil-alt" style="font-size:2em;color:blue"></i>
  20.                                 </a>
  21.                             {% endif %}
  22.                             <h1 class="search-head-title">{{ block.titrePrincipal }}</h1>
  23.                             <p class="d-none d-xl-block d-lg-block d-sm-block text-white">{{ block.subDescription }}</p>
  24.                         {% endif %}
  25.                     {% endfor %}
  26.                 </div>
  28.                 <!-- /.search-block -->
  29.                 <!-- search-form -->
  30.                 <div class="container-recherche">
  31.                     <div class="nav flex-row nav-pills col-12" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  32.                         <a class="bg-v-pills nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Prestation de services</a>
  33.                         <a class="bg-v-pills nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Achat d'articles</a>
  34.                     </div>
  35.                     <div class="search-form d-flex align-items-center justify-content-between col-md-12 bgRechWandT">
  36.                         <div class="tab-content col-md-12" id="v-pills-tabContent">
  37.                             <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
  38.                                 <form class="form-row d-flex justify-content-lg-between " method="post" action="{{ path('front_product_search') }}" id="formShearch">
  39.                                     <div
  40.                                         class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
  41.                                         <!-- select -->
  42.                                         <select id="persoBorder" class=" form-control select2" style="width: 100%;padding:5px 14px;height:50px!important;" name="category">
  43.                                             <option value="">Type de service</option>
  44.                                             {% for subCategory in subCategories %}
  45.                                                 {% if subCategory.isService %}
  46.                                                     <option value="{{ subCategory.id }}">{{ subCategory.name }}</option>
  47.                                                 {% endif %}
  48.                                             {% endfor %}
  49.                                         </select>
  50.                                     </div>
  51.                                     <div
  52.                                         class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
  53.                                         <!-- select -->
  54.                                         <select class=" form-control select2" id="test" style="width: 100%;padding:5px 14px;height:50px!important" name="department_filter">
  55.                                             <option value="0">Lieu</option>
  56.                                             {% for department in departments %}
  57.                                                 <option value="{{ department.id }}">{{ department.name }}</option>
  58.                                             {% endfor %}
  59.                                         </select>
  60.                                     </div>
  62.                                     <div
  63.                                         class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12" id="singleDateContainer" style="display:block;">
  64.                                         <!-- select -->
  65.                                         <div class="selectDate form-group">
  66.                                             {# <input id="user_weddingDate" name="weddingdate" autocomplete="off" type="text" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date souhaitée" class="d-none form-control input-md" required> #}
  67.                                             <input id="datetimepickerAccueil" type="text" name="weddingdate" autocomplete="off" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date souhaitée" class="form-control input-md" required>
  68.                                             <div class="venue-form-calendar">
  69.                                                 <i class="far fa-calendar-alt"></i>
  70.                                             </div>
  71.                                         </div>
  72.                                     </div>
  74.                                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 selectDate form-group" id="rangeDateContainer" style="display:none;">
  75.                                         <input id="daterangePicker" type="text" name="" autocomplete="off" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date de début" class="form-control input-md" required>
  76.                                         <div class="venue-form-calendar">
  77.                                             <i class="far fa-calendar-alt"></i>
  78.                                         </div>
  79.                                         <input id="startdatetimepickerAccueil" type="hidden" name="weddingdate_start"  required>
  80.                                         <input id="enddatetimepickerAccueil" type="hidden" name="weddingdate_end"  required>
  81.                                     </div>
  83.                                     {# <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 selectDate" id="rangeDateContainer" style="display:none;">
  84.                                         <input id="startdatetimepickerAccueil" type="text" name="weddingdate_start" autocomplete="off" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date de début" class="form-control input-md" required>
  85.                                         <div class="venue-form-calendar">
  86.                                             <i class="far fa-calendar-alt"></i>
  87.                                         </div>
  88.                                         <input id="enddatetimepickerAccueil" type="text" name="weddingdate_end" autocomplete="off" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date de fin" class="form-control input-md" required>
  89.                                         <div class="venue-form-calendar">
  90.                                             <i class="far fa-calendar-alt"></i>
  91.                                         </div>
  92.                                     </div> #}
  94.                                     <!-- button -->
  95.                                     <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-12 d-flex align-items-center">
  96.                                         <button class="btn btn-default btn-block mt-3 mt-md-0" style="padding: 0 10px;
  97.                                             height: 40px; border-radius: 15px;" type="submit">Rechercher</button>
  98.                                     </div>
  99.                                     <input type="hidden" name="type" value="service">
  100.                                 </form>
  101.                             </div>
  102.                             <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
  103.                                 <form class="form-row d-flex justify-content-lg-between" method="post" action="{{ path('front_product_search') }}">
  104.                                     <div
  105.                                         class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
  106.                                         <!-- select -->
  107.                                         <select class=" form-control select2" style="width: 100%;padding:5px 14px;height:50px!important" name="category">
  108.                                             <option value="">Type de produit</option>
  109.                                             {% for subCategory in subCategories %}
  110.                                                 {% if not subCategory.isService %}
  111.                                                     <option value="{{ subCategory.id }}">{{ subCategory.name }}</option>
  112.                                                 {% endif %}
  113.                                             {% endfor %}
  114.                                         </select>
  115.                                     </div>
  116.                                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
  117.                                         <select class="wide select2" name="minprice_filter">
  118.                                             <option value="">Prix min.</option>
  119.                                             <option value="30" {% if app.session.get('min_price') == '30' %} selected {% endif %}>30 €</option>
  120.                                             <option value="100" {% if app.session.get('min_price') == '100' %} selected {% endif %}>100 €</option>
  121.                                             <option value="200" {% if app.session.get('min_price') == '200' %} selected {% endif %}>200 €</option>
  122.                                             <option value="300" {% if app.session.get('min_price') == '300' %} selected {% endif %}>300 €</option>
  123.                                             <option value="500" {% if app.session.get('min_price') == '500' %} selected {% endif %}>500 €</option>
  124.                                             <option value="1000" {% if app.session.get('min_price') == '1000' %} selected {% endif %}>1000 €</option>
  125.                                             <option value="2000" {% if app.session.get('min_price') == '2000' %} selected {% endif %}>2000 €</option>
  126.                                         </select>
  127.                                     </div>
  128.                                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
  129.                                         <select class="wide select2" name="maxprice_filter">
  130.                                             <option value="">Prix max.</option>
  131.                                             <option value="30" {% if app.session.get('max_price') == '30' %} selected {% endif %}>30 €</option>
  132.                                             <option value="100" {% if app.session.get('max_price') == '100' %} selected {% endif %}>100 €</option>
  133.                                             <option value="200" {% if app.session.get('max_price') == '200' %} selected {% endif %}>200 €</option>
  134.                                             <option value="300" {% if app.session.get('max_price') == '300' %} selected {% endif %}>300 €</option>
  135.                                             <option value="500" {% if app.session.get('max_price') == '500' %} selected {% endif %}>500 €</option>
  136.                                             <option value="1000" {% if app.session.get('max_price') == '1000' %} selected {% endif %}>1000 €</option>
  137.                                             <option value="2000" {% if app.session.get('max_price') == '2000' %} selected {% endif %}>2000 €</option>
  138.                                         </select>
  139.                                     </div>
  140.                                     <!-- button -->
  141.                                     <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-12 d-flex align-items-center">
  142.                                         <button class="btn btn-default btn-block mt-3 mt-md-0" style="padding: 0 10px;
  143.                                             height: 40px; border-radius: 15px;" type="submit">Rechercher</button>
  144.                                     </div>
  145.                                     <input type="hidden" name="type" value="product">
  146.                                 </form>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.                 <!-- /.search-form -->
  152.             </div>
  153.         </div>
  154.     </div>
  155. </div>