templates/pages/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/user_base.html.twig' %}
  3. {% block title %}
  4.     {{ "Accueil Eshop" | trans }}
  5. {% endblock %}
  7. {% block body %}
  8.     <div class="container mt-5">
  9.         {{ render(controller('App\\Controller\\App\\WidgetController::sliders')) }}
  10.     </div>
  11.     <section class="container mt-5">
  12.         <div class="row pt-5">
  13.             <div class="col-lg-12">
  14.                 <header class="section-heading mt-5">
  15.                     <div class="middle-line">
  16.                         <h2 class="section-title middle-line-text">{{ "Recommandés" | trans }}</h2>
  17.                     </div>
  18.                 </header>
  20.                 <section class="splide splide-products" aria-label="Splide Basic HTML Example">
  21.                     <div class="splide__track">
  22.                         <ul class="splide__list">
  23.                             {% for product in recommanded %}
  24.                                 <li class="splide__slide px-1">
  25.                                     {{ include('elements/pagesElements/products/_product.html.twig', {
  26.                                         product: product, noColumn: true, customStyle: "height: 100%"
  27.                                     }) }}
  28.                                 </li>
  29.                             {% endfor %}
  30.                         </ul>
  31.                     </div>
  32.                 </section>
  34.             </div>
  35.         </div>
  36.     </section>
  37.     <section class="container mt-5">
  38.         <article class="card content-body">
  39.             <div class="row g-4">
  40.                 <div class="col-lg-4">
  41.                     <div class="d-flex flex-lg-column align-items-center">
  42.                         <span class="mb-3 me-3 rounded-circle text-primary icon-lg bg-primary-light">
  43.                             <i class="fa fa-check-circle"></i>
  44.                         </span>
  45.                         <div class="pe-lg-4 text-center">
  46.                             <h6 class="title">{{ "Click and collect" | trans }}</h6>
  47.                             <p class="mb-0 ">
  48.                                 {{ "Récupérez vos produits dans votre pharmacie une fois la commande préparée. " | trans }}
  49.                             </p>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.                 <div class="col-lg-4 text-center">
  54.                     <div class="d-flex flex-lg-column align-items-center">
  55.                         <span class="mb-3 me-3 rounded-circle text-primary icon-lg bg-primary-light">
  56.                             <i class="fa fa-shipping-fast"></i>
  57.                         </span>
  58.                         <div class="pe-lg-4">
  59.                             <h6 class="title">{{ "Approvisionnement rapide" | trans }}</h6>
  60.                             <p class="mb-0">
  61.                                 {{ "Le produit n'est pas en stock ? Pas de panique, notre réapprovisionnement rapide nous permet de vous proposer le produit au plus tard 48 heures après votre commande. " | trans }}
  62.                             </p>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 <div class="col-lg-4 text-center">
  67.                     <div class="d-flex flex-lg-column align-items-center">
  68.                         <span class="mb-3 me-3 rounded-circle text-primary icon-lg bg-primary-light">
  69.                             <i class="fa fa-hospital"></i>
  70.                         </span>
  71.                         <div class="pe-lg-4">
  72.                             <h6 class="title">{{ "Nombre de pharmacies" | trans }}</h6>
  73.                             <p class="mb-0">
  74.                                 {{ "Choisissez la pharmacie la plus proche de chez vous pour tout conseil ainsi qu'un large éventail de prestations sur place." | trans }}
  75.                             </p>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </article>
  81.     </section>
  82.     <section class="padding-y">
  83.         <div class="container">
  84.             <header class="section-heading mt-5">
  85.                 <div class="middle-line">
  86.                     <h2 class="section-title middle-line-text">{{ "Meilleures ventes" | trans }}</h2>
  87.                 </div>
  88.             </header>
  90.             <section class="splide splide-products" aria-label="Splide Basic HTML Example">
  91.                 <div class="splide__track">
  92.                     <ul class="splide__list">
  93.                         {% for product in bestSellerProduct %}
  94.                             <li class="splide__slide px-1">
  95.                                 {{ include('elements/pagesElements/products/_product.html.twig', {
  96.                                     product: product, noColumn: true, customStyle: "height: 100%"
  97.                                 }) }}
  98.                             </li>
  99.                         {% endfor %}
  100.                     </ul>
  101.                 </div>
  102.             </section>
  103.         </div>
  104.     </section>
  108.     <section>
  109.         <div class="container">
  110.             <header class="section-heading mt-5">
  111.                 <div class="middle-line">
  112.                     <h2 class="section-title middle-line-text">{{ "Article et conseils" | trans }}</h2>
  113.                 </div>
  114.             </header>
  115.             <div class="row">
  116.                 {% for blog in blogs %}
  117.                     {% set trans = blog|translate %}
  118.                     <div class="col-lg-4">
  119.                         <article class="py-5">
  120.                             <a href="{{ path('blog_view',  {slug: trans.slug}) }}" class="img-wrap position-relative">
  121.                                 <img src={{ trans.image ?
  122.                                 vich_uploader_asset(trans, "imageFile") | imagine_filter('product_list') :
  123.                                 "/img/product_default.png" | imagine_filter('product_list') }} alt="{{ trans.title }}"
  124.                                      class="w-100" height="225"
  125.                                 >
  126.                                 <div class="article-date">{{ blog.createdAt | date("d M") }}</div>
  127.                             </a>
  128.                             <div class="mt-2">
  129.                                 <a href="#">
  130.                                     <h6 class="title">{{ trans.title }}</h6>
  131.                                 </a>
  132.                                 <p class="article-max-height">
  133.                                     {{ trans.content|striptags|u.truncate(450, "...")|raw|nl2br }}
  134.                                 </p>
  135.                                 <div>
  136.                                     <div class="d-flex align-items-center">
  137.                                         {#                                        <div class="article-avatar"> #}
  138.                                         {#                                            <img src="{{ asset('img/team/15.jpg') }}" class="img-fluid rounded-circle" #}
  139.                                         {#                                                 alt=""> #}
  140.                                         {#                                        </div> #}
  141.                                         <div class="mt-2">
  142.                                             <p class="m-0 small">{{ "Catégories:" | trans }}
  143.                                                 {% for category in blog.categories %}
  144.                                                     {% set categoryTrans = category | translate %}
  145.                                                     <span class="badge bg-gray text-dark fw-bold">{{ categoryTrans.title }}</span>
  146.                                                 {% endfor %}
  147.                                             </p>
  148.                                         </div>
  149.                                     </div>
  150.                                     <a href="{{ path('blog_view',  {slug: trans.slug}) }}"
  151.                                        class="btn btn-outline-primary btn-sm mt-3"><span
  152.                                                 class="fas fa-chevron-circle-right pe-2"></span>{{ "Lire la suite" | trans }}
  153.                                     </a>
  154.                                 </div>
  155.                             </div>
  156.                         </article>
  157.                     </div>
  158.                 {% endfor %}
  159.             </div>
  160.         </div>
  161.     </section>
  162. {% endblock %}