templates/main/articles.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}SiteWEB{% endblock %}
  5. {% block body %}
  6.     <div class="row">
  7.         <div class="col-12">
  8.             <div class="menu-name-store">
  9.                 <div class="row">
  10.                     <div class="col-lg-3 col-sm-12">
  11.                         <div class="logo-store">
  12.                             <div class="card card-logo-store" style="width:100%;height: 100%;">
  13.                                 <div class="card-body" style="padding:0;margin: 0 auto;line-height: 168px;">
  14.                                 {% if supplier.featuredImage != null %}
  15.                                     <img src="{{ asset('uploads/images/featured/'~supplier.featuredImage) }}" alt="" width=200 height=170>
  16.                                 {% else %}
  17.                                     <img src="{{ asset('img/200x166.png') }}" alt="">
  18.                                 {% endif %}
  19.                                 </div>
  20.                             </div>
  21.                         </div>
  22.                     </div>
  23.                     <div class="col-lg-8 col-sm-12">
  24.                         <div class="name-store">{{supplier.name | raw}}</div>
  25.                         <!--<div class="info-article-store"><i class="fa fa-check-circle-o" aria-hidden="true"></i> {{supplier.articles | length}} Promos disponibles</div> -->
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </div>
  31.     <div class="row">
  32.         <div class="col-lg-3 col-sm-12">
  33.             <div class="description-store">
  34.                 {% if supplier.description != null %}
  35.                     <div class="card card-description-store" style="width:100%;height: 100%;">
  36.                         <div class="card-body" style="padding:0;">
  37.                             À propos : <br><br>
  38.                             {{supplier.description | raw}}
  39.                         </div>
  40.                     </div>
  41.                 {%endif %}
  42.             </div>
  43.             <div class="adresse-store">
  44.                 <div class="card card-adresse-store" style="width:100%;height: 100%;">
  45.                     <div class="card-body" style="padding:0;">
  46.                         Adresse: <br>
  47.                         {{supplier.address|title}}<br>
  48.                         {{supplier.city}} {% if supplier.zipCode != 0 %} , {{supplier.zipCode}}{% endif %}<br><br>
  49.                         Téléphone: <br>
  50.                         {{supplier.telephone}}
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.         <div class="col-lg-9 col-sm-12">
  56.             <div class="row">
  57.                 {% for article in articles %}
  58.                     {% set classArticle = "" %}
  59.                     {% if article.endPromo|date('Y-m-d') < "now"|date('Y-m-d') %}
  60.                         {% set classArticle = "expired-article" %}
  61.                     {% endif %}
  62.                     <div class="col-lg-4 col-sm-12">
  63.                         <div class="card card-article {{classArticle}}" style="margin-top:20px;">
  64.                             {% if article.best == true %}
  65.                                 <div class="hot-promo" data-toggle="tooltip" title="Ne ratez pas ce promo !"></div>
  66.                                 <img class="hot-promo-icon" data-toggle="tooltip" title="Ne ratez pas ce promo !" src="{{asset('img/hot-promo.png')}}"> 
  67.                             {% endif %}
  68.                             <img class="card-img-top" height="140" src="{{ vich_uploader_asset(article, 'imageFile')|imagine_filter('article')  }}" alt="img-promo">
  69.                             <div class="card-body">
  70.                                 <h5 class="card-title text-center" style="float:left;font-size:15px;" title="{{ article.titre | raw |title }}">{{ article.titre |title | slice(0, 18, true) }} {% if article.titre |length > 13 %}...{% endif %}</h5>
  71.                                 {% if article.endPromo|date('Y-m-d') >= "now"|date('Y-m-d') %}
  72.                                     <a style="float:right;" href="{{ path('web_store_article', {'slug': article.slug}) }}" class="btn btn-primary float-right">Voir Promo</a>
  73.                                 {% endif %}
  74.                             </div>
  75.                             <div class="card-footer">
  76.                                 <span class="period-promo {{classArticle}}"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> De {{ article.beginPromo|date("d/m/Y")}} à {{ article.endPromo |date("d/m/Y")}}</span>
  77.                                 <span class="nbre-comment" title="Nombre des commentaires">
  78.                                     {% set nbrecomment = 0 %}
  79.                                     {% for comment in article.commentaires %}
  80.                                         {% if comment.actif == 1 %}
  81.                                             {% set nbrecomment = nbrecomment + 1 %}
  82.                                         {% endif %}
  83.                                     {% endfor %}
  84.                                     {{ nbrecomment }} 
  85.                                     <i class="fa fa-comment comment-store-articles"></i>
  86.                                 </span>
  87.                             </div>
  88.                         </div>
  89.                     </div>    
  90.                 {% endfor %}
  91.             </div>
  92.         </div>
  93.     </div>
  94.     
  95. {% endblock %}