templates/main/index.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.             <img src="//via.placeholder.com/500x300.png?text=promo" width="100%" height="250px" />
  9.         </div>
  10.     </div>
  11.     <div class="row">
  12.         <div class="col-lg-12 col-md-12 col-sm-12 sous-menu-home">
  13.             <nav class="navbar navbar-light bg-light" style="display:block;justify-content: normal;padding:0; background-color: #fff !important;border-bottom: 1px solid #d1d5db;">
  14.                 <a class="navbar-brand active" href="/">
  15.                     À la une
  16.                     <span class="border-active"></span>
  17.                 </a>
  18.                 <a class="navbar-brand" href="/new-promo">
  19.                     Nouveaux ({{countNew}})
  20.                     <span class="border-active"></span>
  21.                 </a>
  22.                 <a class="navbar-brand" href="/hot-promo">
  23.                     Hot
  24.                     <span class="border-active"></span>
  25.                 </a>
  26.                 <div class="filter-elment">
  27.                   <a class="btn btn-info filter-element-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  28.                     Filtrer
  29.                     <i class="fa fa-sliders" aria-hidden="true"></i>
  30.                   </a>
  32.                   <div class="form-filter" aria-labelledby="dropdownMenuLink">
  33.                     {{ render(controller('App\\Controller\\MainController::filterForm')) }}
  34.                   </div>
  35.                 </div>
  36.             </nav>
  37.             
  38.         </div>
  39.     </div>
  40.     <div class="row">
  41.     <div class="col-lg-8 col-md-12 col-sm-12">
  42.         {% for article in articles %}
  43.             {% set classArticle = "" %}
  44.             {% if article.endPromo|date('Y-m-d') < "now"|date('Y-m-d') %}
  45.                 {% set classArticle = "expired-article" %}
  46.             {% endif %}
  48.         <div class="col-lg-12 col-md-12 col-sm-12">
  49.             <div class="card-article-detail home {{classArticle}}" style="width: 100%;margin-top: 15px;">
  50.                 <div class="row" style="height: 180px;">
  51.                     <div class="col-4">
  52.                         <div class="img-home-article" style="position:relative;">
  53.                             {% if article.best == true %}
  54.                                 <div class="hot-promo" data-toggle="tooltip" title="Ne ratez pas ce promo !"></div>
  55.                                 <img class="hot-promo-icon" data-toggle="tooltip" title="Ne ratez pas ce promo !" src="{{asset('img/hot-promo.png')}}"> 
  56.                             {% endif %}
  57.                             <img class="card-img-top" height="170" src="{{ vich_uploader_asset(article, 'imageFile')|imagine_filter('article')  }}" alt="img-promo">                    
  58.                         </div>
  59.                     </div>
  60.                     
  61.                     <div class="col-8">
  62.                         <h5 class="card-title text-left" style="float:left;font-size:15px;" title="{{ article.titre | raw |title }}">{{ article.titre |title | slice(0, 100, true) }} {% if article.titre |length > 100 %}...{% endif %}</h5>
  63.                         <span class="home-article-expire">
  64.                             {% if article.endPromo|date('Y-m-d') >= "now"|date('Y-m-d') %}
  65.                                 <i class="fa fa-hourglass-half" aria-hidden="true"></i>
  66.                                 Expire le {{article.endPromo|date('d/m/Y')}}
  67.                             {% else %}
  68.                                 <i class="fa fa-hourglass-end" aria-hidden="true"></i>
  69.                                 Expiré
  70.                             {% endif %}
  71.                         </span>
  72.                         <h5 class="card-title text-left" style="float:left;font-size:15px;width:100%;" title="{{ article.contenu | raw |title }}">
  73.                         
  74.                         {{ article.contenu | slice(0, 100, true)| raw }} {% if article.contenu |length > 100 %}...{% endif %}
  75.                         
  76.                         </h5>
  77.                         <span class="home-article-supplier">
  78.                             Bons plans 
  79.                             <a href="{{ path('article_store', {'id': article.supplier.id}) }}">
  80.                                 {{article.supplier.name}}
  81.                             </a>
  82.                         </span> 
  83.                     </div>
  84.                 </div>
  85.             
  86.                 <div class="card-footer" style="width: 100%;position: relative;padding: 0;background: white;border: none;">
  87.                     {% if article.endPromo|date('Y-m-d') >= "now"|date('Y-m-d') %}
  88.                         <a href="{{ path('web_store_article', {'slug': article.slug}) }}" class="btn btn-primary" style="float:right;">
  89.                             <i class="fa fa-check" aria-hidden="true"></i>
  90.                             Voir Promo
  91.                         </a>
  92.                     {% endif %}
  94.                     <button type="button" class="btn btn-outline-info" style="float:right;margin-right: 5px;">
  95.                             {% set nbrecomment = 0 %}
  96.                             {% for comment in article.commentaires %}
  97.                                 {% if comment.actif == 1 %}
  98.                                     {% set nbrecomment = nbrecomment + 1 %}
  99.                                 {% endif %}
  100.                             {% endfor %}
  101.                             {{ nbrecomment }} 
  102.                             <i class="fa fa-comment"></i>
  103.                         </span>
  104.                     </button>
  105.                 </div>
  106.             </div>
  107.         </div>
  109.         {% endfor %}
  110.         <div class="row">
  111.             <div class="col-12">
  112.                 {{ knp_pagination_render(articles) }}
  113.             </div>
  114.         </div>
  115.         </div>
  116.         <div class="col-lg-4 col-md-4 col-sm-12">
  117.             {{ render(controller('App\\Controller\\MainController::rigthData')) }}
  118.         </div>
  119.     </div>
  120.     <h1>Site WEB des promos</h1>
  121.     <p>Ceci est la page d'accueil</p>
  122.     {% if app.user is null %}
  123.         <a href="{{path('app_login')}}">Admin</a>
  124.     {% endif %}
  125. {% endblock %}