templates/default/search_results.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}MOPO{% endblock %}
  6. {% block body %}
  7.     <!-- BEGIN #page-header -->
  8.     <div id="page-header" class="section-container page-header-container bg-dark">
  9.         <!-- BEGIN page-header-cover -->
  10.         <div class="page-header-cover">
  11.             <img src="{{ asset('assets/img/background/motorcycles.jpg') }}" alt=""/>
  12.         </div>
  13.         <!-- END page-header-cover -->
  14.         <!-- BEGIN container -->
  15.         <div class="container">
  16.             {% if keyword == "" %}
  17.                 <h1 class="page-header">Résultats de recherche</h1>
  18.             {% else %}
  19.                 <h1 class="page-header">Résultats de recherche pour "<b>{{ keyword }}</b>"</h1>
  20.             {% endif %}
  21.         </div>
  22.         <!-- END container -->
  23.     </div>
  24.     <!-- BEGIN #page-header -->
  26.     <div class="mt-4 mb-2">
  27.         {% include 'search/search.html.twig' %}
  28.     </div>
  30.     {% if results.getTotalItemCount > 0 %}
  31.         <!-- BEGIN search-results -->
  32.         <div id="search-results" class="section-container">
  33.             <!-- BEGIN container -->
  34.             <div class="container">
  35.                 <!-- BEGIN search-container -->
  36.                 <div class="search-container">
  37.                     <!-- BEGIN search-sidebar -->
  38. {#                    <div class="search-sidebar">
  39.                         <h4 class="title mb-0">Tags</h4>
  40.                         <div class="input-group mb-2 mt-2">
  41.                             <input type="text" class="form-control" id="tag-search" placeholder="Rechercher un tag..." aria-label="Rechercher un tag..." aria-describedby="basic-addon2" oninput="filterTags()">
  42.                             <span class="input-group-text" id="basic-addon2"><i class="fa-solid fa-magnifying-glass"></i></span>
  43.                         </div>
  44.                         <div class="search-category-list mb-4">
  45.                             {% for tag in tags %}
  46.                             <input type="checkbox" class="btn-check" autocomplete="off" id="tag-{{ tag.id }}" value="{{ tag.id }}" onclick="toggleTag(this)">
  47.                             <label class="btn btn-outline-gray-600 btn-sm mt-2 tag-label" for="tag-{{ tag.id }}"><i class="fa-regular fa-circle"></i> {{ tag.tagName }}</label>
  48.                             {% endfor %}
  49.                             <p id="no-results" class="text-red-600 text-center text-uppercase d-none mt-3">Aucun résultat trouvé.</p>
  50.                            #}{# <input type="checkbox" class="btn-check" id="btn-check-outlined" autocomplete="off">
  51.                             <label class="btn btn-outline-danger btn-sm" for="btn-check-outlined"><i class="fa-regular fa-circle"></i> Single toggle</label>
  52.                             <input type="checkbox" class="btn-check" id="btn-check-outlined" autocomplete="off">
  53.                             <label class="btn btn-outline-danger btn-sm" for="btn-check-outlined"><i class="fa-solid fa-circle-check"></i> Single toggle</label>#}{#
  54.                         </div>
  55.                         <h4 class="title mb-0">Categories</h4>
  56.                         <ul class="search-category-list">
  57.                             <li><a href="#">Motos classiques</a></li>
  58.                             <li><a href="#">Motos routières</a></li>
  59.                             <li><a href="#">Motos sportives</a></li>
  60.                             <li><a href="#">Motos tout terrain</a></li>
  61.                             <li><a href="#">Autres</a></li>
  62.                         </ul>
  63.                         <h4 class="title mb-0 mt-3">Marques</h4>
  64.                         <ul class="search-category-list">
  65.                             <li><a href="#">Motos classiques</a></li>
  66.                             <li><a href="#">Motos routières</a></li>
  67.                             <li><a href="#">Motos sportives</a></li>
  68.                             <li><a href="#">Motos tout terrain</a></li>
  69.                             <li><a href="#">Autres</a></li>
  70.                         </ul>
  71.                     </div>#}
  72.                     <!-- END search-sidebar -->
  73.                     <!-- BEGIN search-content -->
  74.                     <div class="search-content">
  75.                         <!-- BEGIN search-toolbar -->
  76.                         <div class="search-toolbar">
  77.                             <!-- BEGIN row -->
  78.                             <div class="row">
  79.                                 <!-- BEGIN col-6 -->
  80.                                 <div class="col-lg-6">
  81.                                     <h4 class="text-red-600">{{ results.getTotalItemCount }} résultat(s) trouvé(s)</h4>
  82.                                 </div>
  83.                                 <!-- END col-6 -->
  84.                                 <!-- BEGIN col-6 -->
  85.                                 <div class="col-lg-6 text-end">
  86.                                     <ul class="sort-list">
  87.                                         <li class="text text-red-600"><i class="fa fa-filter"></i> Trier:</li>
  88.                                         <li {% if app.request.get('filter') == 'newest' %}class="active"{% endif %}><a
  89.                                                     href="{{ path('search_results', {'filter': 'newest'}) }}">Plus
  90.                                                 récent</a></li>
  91.                                         <li {% if app.request.get('filter') == 'oldest' %}class="active"{% endif %}><a
  92.                                                     href="{{ path('search_results', {'filter': 'oldest'}) }}">Plus
  93.                                                 ancien</a></li>
  94.                                         <li {% if app.request.get('filter') == 'asc_price' %}class="active"{% endif %}>
  95.                                             <a href="{{ path('search_results', {'filter': 'asc_price'}) }}">Prix
  96.                                                 croissant</a></li>
  97.                                         <li {% if app.request.get('filter') == 'desc_price' %}class="active"{% endif %}>
  98.                                             <a href="{{ path('search_results', {'filter': 'desc_price'}) }}">Prix
  99.                                                 décroissant</a></li>
  100.                                     </ul>
  101.                                 </div>
  103.                                 <!-- END col-6 -->
  104.                             </div>
  105.                             <!-- END row -->
  106.                         </div>
  107.                         <!-- END search-toolbar -->
  108.                         <!-- BEGIN search-item-container -->
  109.                         <div class="container">
  110.                             <!-- BEGIN item-row -->
  111.                             <div class="row">
  112.                                 <!-- BEGIN item -->
  113.                                 {% for product in results %}
  114.                                     <div class="item item-thumbnail col-lg-4 col-md-4 col-sm-12">
  115.                                         <a href="{{ path('product_details', {'id': product.id}) }}" class="item-image">
  116.                                             {% if product.images is empty %}
  117.                                                 <img src="{{ asset('assets/img/product/default.png') }}"
  118.                                                      alt="no image"/>
  119.                                             {% else %}
  120.                                                 <img src="{{ asset('assets/img/product/' ~ product.images[0].imageName) }}"
  121.                                                      alt="{{ product.images[0].imageName }}"/>
  122.                                             {% endif %}
  123.                                         </a>
  124.                                         <div class="item-info">
  125.                                             <h4 class="item-title">
  126.                                                 <a href="{{ path('product_details', {'id': product.id}) }}">{{ product.productName }}</a>
  127.                                             </h4>
  128.                                             <p class="item-desc"><strong>Marque:</strong> {{ product.brand }}, <strong>Modèle:</strong> {{ product.model }}
  129.                                                 , <strong>État:</strong> {{ product.condition }}</p>
  130.                                             <div class="item-price">{{ product.productPrice }} € TTC</div>
  131.                                             <p class="item-desc">{{ (product.productPrice / tva)|number_format(2) }} €
  132.                                                 HT</p>
  133.                                         </div>
  134.                                     </div>
  135.                                 {% endfor %}
  136.                                 <!-- END item -->
  137.                             </div>
  138.                             <!-- END item-row -->
  139.                         </div>
  140.                         <!-- END search-item-container -->
  141.                         <!-- BEGIN pagination -->
  142.                         <ul class="pagination justify-content-center mt-3">
  143.                             {{ knp_pagination_render(results) }}
  144.                         </ul>
  145.                         <!-- END pagination -->
  146.                     </div>
  147.                     <!-- END search-content -->
  148.                 </div>
  149.                 <!-- END search-container -->
  150.             </div>
  151.             <!-- END container -->
  152.         </div>
  153.         <!-- END search-results -->
  154.     {% else %}
  155.         <div class="container mt-5">
  156.             <div class="row justify-content-center align-items-center">
  157.                 <div class="col-md-12">
  158.                     <div class="dbox text-center m-0">
  159.                         <div class="icon d-flex align-items-center justify-content-center">
  160.                             <span class="fa-solid fa-circle-xmark fa-bounce"></span>
  161.                         </div>
  162.                     </div>
  163.                 </div>
  164.             </div>
  165.         </div>
  166.         <h2 class="text-red-600 text-center mb-5">Aucun résultat correspondant à votre recherche.</h2>
  167.     {% endif %}
  168. {% endblock %}