templates/app/operation/odr/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Haribo Pro - Offres de remboursement{% endblock %}
  5. {% block body %}
  6. {% include "partials/banner-blue.html.twig" %}
  8. {% if odrs|length > 1 %}
  10. <div class="main-wrapper" id="odr">
  11.     <hgroup class="mb-0">
  12.         <h1 class="mb-2 mt-5">OFFRES DE REMBOURSEMENT</h1>
  13.         <h4 class="mb-5"><b>Sélectionnez</b> l'offre de remboursement dont vous souhaitez bénéficier.</h4>
  14.     </hgroup>
  15.     <img class="img-fluid wave-top d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave.png') }}"
  16.         alt="Haribo pro" />
  17.     <img class="img-fluid wave-top d-sm-none w-100 d-block" src="{{ asset('build/img/pink-wave-mobile.png') }}"
  18.         alt="Haribo pro" />
  19.     <div id="bloc-jeu" class="row bg-pink">
  20.         <div class="odr-list-items-wrapper">
  21.             {% for key, odr in odrs %}
  22.             {% if (key % 2) == 0 %}
  23.             <div class="container justify-content-center card-container card-grid">
  24.                 {% endif %}
  25.                 <div class="d-flex justify-content-center">
  26.                     <div class="card card-w100 odr-preview-wrapper shadow">
  27.                         {% if odr.currentStock > 0 or odr.participated == true %}
  28.                         {% else %}
  29.                         <div class="no-stock">
  30.                             <div class="no-stock-content">
  31.                                 <i class="fa-solid fa-triangle-exclamation"></i>
  32.                                 <p>Il n'y a plus de stock</p>
  33.                             </div>
  34.                         </div>
  35.                         {% endif %}
  36.                         {% if app.user %}
  37.                             {% if odr.participated == true %}
  38.                             <div class="no-stock">
  39.                                 <div class="no-stock-content">
  40.                                     <i class="fa-solid fa-clipboard-check"></i>
  41.                                     <p>Vous avez déja bénéficié de cette offre</p>
  42.                                 </div>
  43.                             </div>
  44.                             {% else %}
  45.                                 {% if odrManager.totalparticipation(odr.id) >= odr.maxParticipationPerMonth  %}
  46.                                     <div class="no-stock">
  47.                                         <div class="no-stock-content">
  48.                                             <i class="fa-solid fa-clipboard-check"></i>
  49.                                             <p>Il n'y a plus de stock</p>
  50.                                         </div>
  51.                                     </div>
  52.                                 {% endif %}
  53.                             {% endif%}
  54.                         {% endif %}
  56.                         {% if not app.user %}
  57.                             {% if odr.nbParticipations >= odr.maxParticipationPerMonth %}
  58.                             <div class="no-stock">
  59.                                 <div class="no-stock-content">
  60.                                     <i class="fa-solid fa-clipboard-check"></i>
  61.                                     <p>Il n'y a plus de stock</p>
  62.                                 </div>
  63.                             </div>
  64.                             {% endif%}
  65.                         {% endif%}
  66.                         <div class="card-part-1">
  67.                             {% for thumbnail in odr.thumbnailOdrs %}
  68.                             <img src="{{ thumbnail.filePath | imageFilePath('odr') }}" alt="thumbnail_odr-{{ odr.id }}">
  69.                             {% endfor %}
  70.                             <div class="preview-txt-detail-wrap mt-2">
  71.                                 {# <p class="dates-txt"><i class="far fa-calendar"></i> Du {{
  72.                                     odr.startDate|date('d/m/Y')
  73.                                     }} au {{ odr.endDate|date('d/m/Y') }}</p> #}
  74.                                 <h2>{{ odr.title }}</h2>
  75.                                 <p>{{ odr.subtitle | raw }}</p>
  76.                             </div>
  79.                         </div>
  80.                         <div class="card-part-2">
  81.                             <div class="container-price">
  82.                                 {% if (odr.percentage) > 0 %}
  83.                                 <p class="price">{{ odr.percentage }}<span>%</span></p>
  84.                                 {% else %}
  85.                                 <p class="price">{{ odr.amount }}<span>€</span></p>
  86.                                 {% endif %}
  87.                                 <p class="reduc">de réductions</p>
  88.                             </div>
  90.                             <a class="btn btn-primary"
  91.                                 href="{{ path('kiwi_operation_odr_show', { 'odrId': odr.id }) }}">J'en profite</a>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.                 {% if ((key+1)%2) == 0 %}
  96.             </div>
  97.             {% endif %}
  98.             {% endfor %}
  99.         </div>
  100.     </div>
  101.     <img class="img-fluid wave-bottom d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave-bottom.png') }}"
  102.         alt="Haribo pro" />
  103.     <img class="img-fluid wave-bottom  d-sm-none w-100 d-block"
  104.         src="{{ asset('build/img/pink-wave-bottom-mobile.png') }}" alt="Haribo pro" />
  105. </div>
  106. {% else %}
  107. <div class="main-wrapper" id="odr">
  108.     <hgroup class="mb-0">
  109.         <h1 class="mb-2 mt-5">OFFRES DE REMBOURSEMENT</h1>
  110.         <h4 class="mb-5"><b>Sélectionnez</b> l'offre de remboursement dont vous souhaitez bénéficier.</h4>
  111.     </hgroup>
  113.     <img class="img-fluid wave-top d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave.png') }}"
  114.         alt="Haribo pro" />
  115.     <img class="img-fluid wave-top d-sm-none w-100 d-block" src="{{ asset('build/img/pink-wave-mobile.png') }}"
  116.         alt="Haribo pro" />
  117.     <div class="bg-pink">
  118.         <hgroup class="mb-0 no-offer-txt">
  119.             <h3 class="mb-3 no-offer-txt" >Il n'y a pas d'offres de remboursement en cours pour le moment...<h3/>
  120.             <h4 class="">Restez à l'écoute !</h4>
  121.         </hgroup>
  122.     </div>
  123.     <img class="img-fluid wave-bottom d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave-bottom.png') }}"
  124.         alt="Haribo pro" />
  125.     <img class="img-fluid wave-bottom  d-sm-none w-100 d-block"
  126.         src="{{ asset('build/img/pink-wave-bottom-mobile.png') }}" alt="Haribo pro" />
  127. </div>
  128. {% endif %}
  129. {% endblock %}