templates/blog/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  4. <div
  5. class="breadcumb-wrapper"
  6. data-bg-src="{{ asset('assets/img/bg/breadcrumb-bg.jpg') }}"
  7. data-overlay="title"
  8. data-opacity="8"
  9. >
  10. <div class="container">
  11. <div class="breadcumb-content">
  12. <h1 class="breadcumb-title">Actualités</h1>
  13. <ul class="breadcumb-menu">
  14. <li><a href="{{ path('home') }}">Accueil</a></li>
  15. <li>Actualités</li>
  16. </ul>
  17. </div>
  18. </div>
  19. </div>
  20. <section class="th-blog-wrapper space-top space-extra-bottom">
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-xxl-8 col-lg-7">
  24. {% for article in articles %}
  25. <div class="th-blog blog-single has-post-thumbnail">
  26. <div class="blog-img">
  27. <a href="{{ path('blog_detail', {'slug': article.slug}) }}"
  28. ><img src="{{ asset(article.image) }}" alt="Blog Image"
  29. /></a>
  30. </div>
  31. <div class="blog-content">
  32. <div class="blog-meta">
  33. <a href="{{ path('blog_index') }}"
  34. ><i class="fa-regular fa-user"></i>Par le Cabinet</a
  35. >
  36. <a href="{{ path('blog_index') }}"
  37. ><i class="fa-regular fa-calendar"></i>{{ article.createdAt|date('d M, Y') }}</a
  38. >
  39. <a href="{{ path('blog_detail', {'slug': article.slug}) }}"
  40. ><i class="fa-regular fa-comment"></i>0 Commentaires</a
  41. >
  42. </div>
  43. <h2 class="blog-title">
  44. <a href="{{ path('blog_detail', {'slug': article.slug}) }}"
  45. >{{ article.title }}</a
  46. >
  47. </h2>
  48. <p class="blog-text">
  49. {{ article.metaDescription }}
  50. </p>
  51. <a href="{{ path('blog_detail', {'slug': article.slug}) }}" class="link-btn"
  52. >Lire la suite <i class="fa-regular fa-arrow-right-long"></i
  53. ></a>
  54. </div>
  55. </div>
  56. {% endfor %}
  57. {% if totalPages > 1 %}
  58. <div class="th-pagination">
  59. <ul>
  60. {# Flèche précédente #}
  61. {% if currentPage > 1 %}
  62. <li>
  63. <a href="{{ path('blog_index', {'page': currentPage - 1}) }}"><i class="fa-solid fa-arrow-left"></i></a>
  64. </li>
  65. {% endif %}
  67. {# Numéros de pages #}
  68. {% for p in 1..totalPages %}
  69. {% if p == currentPage %}
  70. <li><a href="{{ path('blog_index', {'page': p}) }}" class="active">{{ p }}</a></li>
  71. {% else %}
  72. <li><a href="{{ path('blog_index', {'page': p}) }}">{{ p }}</a></li>
  73. {% endif %}
  74. {% endfor %}
  76. {# Flèche suivante #}
  77. {% if currentPage < totalPages %}
  78. <li>
  79. <a href="{{ path('blog_index', {'page': currentPage + 1}) }}"><i class="fa-regular fa-arrow-right"></i></a>
  80. </li>
  81. {% endif %}
  82. </ul>
  83. </div>
  84. {% endif %}
  85. </div>
  86. <div class="col-xxl-4 col-lg-5">
  87. <aside class="sidebar-area">
  88. <div class="widget widget_categories">
  89. <h3 class="widget_title">Catégories</h3>
  90. <ul>
  91. {% for expertise in expertises %}
  92. <li>
  93. <a href="{{ path('expertise_detail', {'slug': expertise.slug}) }}">{{ expertise.title }}</a>
  94. <span
  95. ><i class="fa-regular fa-arrow-right"></i
  96. ></span>
  97. </li>
  98. {% endfor %}
  99. </ul>
  100. </div>
  101. <div class="widget">
  102. <h3 class="widget_title">Articles Récents</h3>
  103. <div class="recent-post-wrap">
  104. {% for recentArticle in recentArticles %}
  105. <div class="recent-post">
  106. <div class="media-img">
  107. <a href="{{ path('blog_detail', {'slug': recentArticle.slug}) }}"
  108. ><img
  109. src="{{ asset(recentArticle.image) }}"
  110. alt="Blog Image"
  111. /></a>
  112. </div>
  113. <div class="media-body">
  114. <h4 class="post-title">
  115. <a class="text-inherit" href="{{ path('blog_detail', {'slug': recentArticle.slug}) }}"
  116. >{{ recentArticle.title }}</a
  117. >
  118. </h4>
  119. <div class="recent-post-meta">
  120. <a href="{{ path('blog_index') }}">{{ recentArticle.createdAt|date('d M, Y') }}</a>
  121. </div>
  122. </div>
  123. </div>
  124. {% endfor %}
  125. </div>
  126. </div>
  127. <div class="widget widget_tag_cloud">
  128. <h3 class="widget_title">Tags Populaires</h3>
  129. <div class="tagcloud">
  130. <a href="{{ path('blog_index') }}">Famille</a>
  131. <a href="{{ path('blog_index') }}">Pénal</a>
  132. <a href="{{ path('blog_index') }}">Cabinet</a>
  133. <a href="{{ path('blog_index') }}">Contrats</a>
  134. <a href="{{ path('blog_index') }}">Immobilier</a>
  135. <a href="{{ path('blog_index') }}">Conseils</a>
  136. <a href="{{ path('blog_index') }}">Défense</a>
  137. </div>
  138. </div>
  139. </aside>
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  146. {% endblock %}