templates/search/results.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Recherche{% if query %} - {{ query }}{% endif %} - ActuFake{% endblock %}
  5. {% block body %}
  6. <div class="container my-5">
  7.     <h1 class="mb-4">
  8.         <i class="fas fa-search"></i> Recherche
  9.     </h1>
  11.     <div class="row mb-4">
  12.         <div class="col-md-8">
  13.             <form method="get" action="{{ path('search') }}" class="input-group">
  14.                 <input type="text" 
  15.                        name="q" 
  16.                        value="{{ query }}" 
  17.                        class="form-control form-control-lg" 
  18.                        placeholder="Rechercher un article...">
  19.                 <button type="submit" class="btn btn-dark">
  20.                     <i class="fas fa-search"></i> Rechercher
  21.                 </button>
  22.             </form>
  23.         </div>
  24.         <div class="col-md-4">
  25.             <select name="category" class="form-select form-select-lg" onchange="this.form.submit()">
  26.                 <option value="">Toutes les catégories</option>
  27.                 {% for cat in categories %}
  28.                 <option value="{{ cat.slug }}" {% if category and category.id == cat.id %}selected{% endif %}>
  29.                     {{ cat.name }}
  30.                 </option>
  31.                 {% endfor %}
  32.             </select>
  33.         </div>
  34.     </div>
  36.     {% if query %}
  37.     <p class="text-muted mb-4">
  38.         Résultats pour <strong>"{{ query }}"</strong>
  39.         {% if category %} dans <strong>{{ category.name }}</strong>{% endif %}
  40.     </p>
  42.     <div class="row">
  43.         {% for article in results %}
  44.         <div class="col-md-6 mb-4">
  45.             <div class="card article-card h-100">
  46.                 {% if article.featuredImage %}
  47.                 {% set image_path = article.featuredImage.path starts with '/' ? article.featuredImage.path|slice(1) : article.featuredImage.path %}
  48.                 <img src="{{ base_path }}/{{ image_path }}" class="card-img-top" alt="{{ article.title }}">
  49.                 {% endif %}
  50.                 <div class="card-body">
  51.                     <span class="category-badge">{{ article.category.name }}</span>
  52.                     <h5 class="card-title mt-2">
  53.                         <a href="{{ path('article_show', {slug: article.slug}) }}" class="text-decoration-none text-dark">
  54.                             {{ article.title }}
  55.                         </a>
  56.                     </h5>
  57.                     <p class="card-text">{{ article.excerpt|slice(0, 150) }}...</p>
  58.                     <p class="card-text">
  59.                         <small class="text-muted">
  60.                             <i class="fas fa-calendar"></i> {{ article.publishedAt|date('d/m/Y') }}
  61.                         </small>
  62.                     </p>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.         {% else %}
  67.         <div class="col-12">
  68.             <div class="alert alert-info">
  69.                 <i class="fas fa-info-circle"></i>
  70.                 Aucun résultat trouvé pour votre recherche.
  71.             </div>
  72.         </div>
  73.         {% endfor %}
  74.     </div>
  76.     {% if results.pageCount > 1 %}
  77.     <div class="navigation mt-4">
  78.         {{ knp_pagination_render(results) }}
  79.     </div>
  80.     {% endif %}
  81.     {% endif %}
  82. </div>
  83. {% endblock %}