<div class="card-article-detail home top-suppliers" style="width: 100%;margin-top: 15px;">
<div class="row">
<div class="col-12">
<h5 style="text-align: center;color: #b3aeae;font-size: 19px;"> Top boutiques </h5>
</div>
</div>
<div class="row">
{% for supplier in bestSupplier %}
<div class="col-12" style="position:relative;">
<a href="{{ path('article_store', {'id': supplier.id}) }}" style="color:transparent !important;">
{% if supplier.featuredImage != null %}
<img class="card-img-top-home" src="{{ asset('uploads/images/featured/'~supplier.featuredImage) }}" alt="" width=70 height=70>
{% else %}
<img class="card-img-top-home" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20286%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17606338470%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A14pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17606338470%22%3E%3Crect%20width%3D%22286%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22107.1953125%22%20y%3D%2296.3%22%3E286x180%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Card image cap">
{% endif %}
<span class="title-bestSupplier">
{{supplier.name}}
</span>
<span class="nbre-article-supplier" style="padding-left: 10px;">
{{supplier.nbre_supplier}} Articles
</span>
</a>
</div>
{% endfor %}
</div>
</div>
<div class="card-article-detail home top-article" style="width: 100%;margin-top: 15px;">
<div class="row">
<div class="col-12">
<h5 style="text-align: center;color: #b3aeae;font-size: 19px;"> Article populaire </h5>
</div>
</div>
<div class="row">
{% for article in popularArticle %}
<div class="col-12" style="position:relative;">
<a href="{{ path('web_store_article', {'slug': article.slug}) }}" style="color:transparent !important;">
{% if article.featuredImage != null %}
<img class="card-img-top-home" src="{{ asset('uploads/images/featured/'~article.featuredImage) }}" alt="" width=70 height=70>
{% else %}
<img class="card-img-top-home" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20286%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17606338470%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A14pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17606338470%22%3E%3Crect%20width%3D%22286%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22107.1953125%22%20y%3D%2296.3%22%3E286x180%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Card image cap">
{% endif %}
<span class="title-bestSupplier">
{{article.titre}}
</span>
<span class="nbre-article-supplier" style="padding-left: 10px;">
{{article.nbre_comments}} Commentaires
</span>
</a>
</div>
{% endfor %}
</div>
</div>