{% extends 'base.html.twig' %}
{% block title %}{{'Actualités' | trans}} | {{ parent()}} {% endblock %}
{% block content %}
{% for news in newsTitle %}
{% if news.langue == 'fr_fr' and '/fr/' in app.request.uri %}
<!-- Page Title -->
<section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ news.image) }})">
<div class="auto-container">
<h2>{{ 'Actualités' | trans }}</h2>
<ul class="bread-crumb clearfix">
{# <li><a href="{{ path('app_main') }}">{{ 'Accueil' | trans }}</a></li>#}
{# <li>Toute l'actualité</li>#}
</ul>
</div>
</section>
<!-- End Page Title -->
{% elseif news.langue == 'en_en' and '/en/' in app.request.uri %}
<!-- Page Title -->
<section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ news.image) }})">
<div class="auto-container">
<h2>{{ 'Actualités' | trans }}</h2>
<ul class="bread-crumb clearfix">
{# <li><a href="{{ path('app_main') }}">{{ 'Accueil' | trans }}</a></li>#}
{# <li>Toute l'actualité</li>#}
</ul>
</div>
</section>
<!-- End Page Title -->
{% endif %}
{% endfor %}
<!-- Sidebar Page Container -->
<section class="sidebar-page-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Side -->
<div class="content-side col-lg-8 col-md-12 col-sm-12">
<div class="blog-classic">
{% for new in news %}
<!-- News Block Two -->
<div class="news-block-two">
<div class="inner-box">
<div class="image">
<a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}"><img src="{{ asset('uploads/news/' ~ new.bannerImg) }}" alt="" /></a>
</div>
<div class="lower-content">
<ul class="post-meta">
{# <li><span class="icon flaticon-user"></span>By BT</li>#}
{# <li><span class="icon flaticon-chat-2"></span>3 comments</li>#}
</ul>
<h4><a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}">{{ new.title }}</a></h4>
<div class="text">{{ new.content | u.truncate(255, false, ('...')) | raw }} ...</div>
<a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}" class="theme-btn btn-style-four"><span class="txt">{{ 'Read More' | trans}}<i class="lnr lnr-arrow-right"></i></span></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<!-- Sidebar Side -->
<div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
<aside class="sidebar sticky-top">
<!-- Search -->
{# <div class="sidebar-widget search-box">#}
{# <form method="post" action="#">#}
{# <div class="form-group">#}
{# <input type="search" name="search-field" value="" placeholder="Recherche ..." required>#}
{# <button type="submit"><span class="icon fa fa-search"></span></button>#}
{# </div>#}
{# </form>#}
{# </div>#}
<!-- Popular Posts -->
{# <div class="sidebar-widget popular-posts">#}
{# <div class="widget-content">#}
{# <div class="sidebar-title">#}
{# <h5>Derniers articles</h5>#}
{# </div>#}
{# <article class="post">#}
{# <figure class="post-thumb"><img src="images/resource/post-thumb-3.jpg" alt=""><a href="news-detail.html" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
{# <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
{# <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
{# </article>#}
{# <article class="post">#}
{# <figure class="post-thumb"><img src="images/resource/post-thumb-4.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
{# <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
{# <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
{# </article>#}
{# <article class="post">#}
{# <figure class="post-thumb"><img src="images/resource/post-thumb-5.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
{# <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
{# <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
{# </article>#}
{# <article class="post">#}
{# <figure class="post-thumb"><img src="images/resource/post-thumb-6.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
{# <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
{# <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
{# </article>#}
{# </div>#}
{# </div>#}
</aside>
</div>
</div>
</div>
</section>
<!-- End Sidebar Page Container -->
{% endblock %}