templates/magazines/search.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Recherche Magazines{% endblock %}
  5. {% block body %}
  6. <div class="container mt-4">
  7. <h1>Recherche de magazines</h1>
  9. <form method="get" action="{{ path('magazines_search') }}" class="mb-4">
  10. <div class="row justify-content-center">
  11. <div class="col-md-8">
  12. <div class="input-group input-group-lg">
  13. <input type="text" name="q" class="form-control"
  14. placeholder="Rechercher un magazine par nom..."
  15. value="{{ search }}"
  16. autofocus>
  17. <input type="hidden" name="type" value="magazine">
  18. <div class="input-group-append">
  19. <button type="submit" class="btn btn-primary">
  20. <i class="fas fa-search"></i> Rechercher
  21. </button>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </form>
  28. {% if search %}
  29. <p class="text-muted text-center">
  30. Résultats pour "<strong>{{ search }}</strong>" :
  31. <strong>{{ results|length }}</strong> magazine(s) trouvé(s)
  32. </p>
  33. {% endif %}
  35. {% if results|length > 0 %}
  36. <div class="row">
  37. {% for magazine in results %}
  38. <div class="col-md-6 col-lg-4 mb-4">
  39. <div class="card h-100 shadow-sm">
  40. {% if images[magazine.id] is defined %}
  41. <img src="data:image/jpeg;base64,{{ images[magazine.id] }}"
  42. class="card-img-top"
  43. alt="{{ magazine.nom }}"
  44. style="height: 250px; object-fit: cover;">
  45. {% else %}
  46. <div class="card-img-top bg-gradient-secondary d-flex align-items-center justify-content-center"
  47. style="height: 250px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
  48. <i class="fas fa-book-open fa-4x text-white"></i>
  49. </div>
  50. {% endif %}
  51. <div class="card-body">
  52. <h5 class="card-title font-weight-bold">{{ magazine.nom }}</h5>
  53. {% if magazine.editeur %}
  54. <p class="card-text text-muted mb-2">
  55. <i class="fas fa-building"></i> {{ magazine.editeur }}
  56. </p>
  57. {% endif %}
  58. <div class="d-flex justify-content-between align-items-center">
  59. <span class="badge badge-primary badge-pill">
  60. <i class="fas fa-list"></i> {{ magazine.nbnum }} numéro(s)
  61. </span>
  62. {% if magazine.statut %}
  63. <span class="badge badge-success">En cours</span>
  64. {% else %}
  65. <span class="badge badge-secondary">Terminé</span>
  66. {% endif %}
  67. </div>
  68. </div>
  69. <div class="card-footer bg-white border-top-0">
  70. <a href="{{ path('magazine_detail', {id: magazine.id}) }}" class="btn btn-primary btn-block">
  71. <i class="fas fa-eye"></i> Voir les numéros
  72. </a>
  73. </div>
  74. </div>
  75. </div>
  76. {% endfor %}
  77. </div>
  79. <div class="d-flex justify-content-center mt-4">
  80. {{ knp_pagination_render(pagination, '@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') }}
  81. </div>
  82. {% elseif search %}
  83. <div class="alert alert-info">
  84. Aucun résultat trouvé pour votre recherche.
  85. </div>
  86. {% else %}
  87. <div class="alert alert-secondary">
  88. Entrez un terme de recherche pour trouver des magazines ou des numéros.
  89. </div>
  90. {% endif %}
  92. <div class="mt-4">
  93. <a href="{{ path('magazines_list') }}" class="btn btn-outline-secondary">
  94. <i class="fas fa-arrow-left"></i> Retour à la liste des magazines
  95. </a>
  96. </div>
  97. </div>
  98. {% endblock %}