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 eligibility in odr.eligibilities %}
  68.                                 {% if eligibility.label == 'new_client' %}
  69.                                     <h4>Offre nouveaux clients</h4>
  70.                                     <h4>Valable 30 jours après inscription</h4>
  71.                                 {% else %}
  72.                                     <h4><i class="far fa-calendar"></i> Du {{ odr.startDate|date('d/m/Y') }} au {{
  73.                                     odr.endDate|date('d/m/Y') }}</h4>
  74.                                 {% endif %}
  75.                             {% endfor %}
  76.                             {% for thumbnail in odr.thumbnailOdrs %}
  77.                             <img src="{{ thumbnail.filePath | imageFilePath('odr') }}" alt="thumbnail_odr-{{ odr.id }}">
  78.                             {% endfor %}
  79.                             <div class="preview-txt-detail-wrap mt-2">
  80.                                 <h2>{{ odr.title }}</h2>
  81.                                 <p>{{ odr.subtitle | raw }}</p>
  82.                             </div>
  83.                         </div>
  84.                         <div class="card-part-2">
  85.                             <div class="container-price">
  86.                                 {% if (odr.percentage) > 0 %}
  87.                                 <p class="price">{{ odr.percentage }}<span>%</span></p>
  88.                                 {% else %}
  89.                                 <p class="price">{{ odr.amount }}<span>€</span></p>
  90.                                 {% endif %}
  91.                                 <p class="reduc">de réductions</p>
  92.                             </div>
  94.                             <a class="btn btn-primary"
  95.                                 href="{{ path('kiwi_operation_odr_show', { 'odrId': odr.id }) }}">J'en profite</a>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.                 {% if ((key+1)%2) == 0 %}
  100.             </div>
  101.             {% endif %}
  102.             {% endfor %}
  103.         </div>
  104.     </div>
  105.     <img class="img-fluid wave-bottom d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave-bottom.png') }}"
  106.         alt="Haribo pro" />
  107.     <img class="img-fluid wave-bottom  d-sm-none w-100 d-block"
  108.         src="{{ asset('build/img/pink-wave-bottom-mobile.png') }}" alt="Haribo pro" />
  109. </div>
  110. {% else %}
  111. <div class="main-wrapper" id="odr">
  112.     <hgroup class="mb-0">
  113.         <h1 class="mb-2 mt-5">OFFRES DE REMBOURSEMENT</h1>
  114.         <h4 class="mb-5"><b>Sélectionnez</b> l'offre de remboursement dont vous souhaitez bénéficier.</h4>
  115.     </hgroup>
  117.     <img class="img-fluid wave-top d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave.png') }}"
  118.         alt="Haribo pro" />
  119.     <img class="img-fluid wave-top d-sm-none w-100 d-block" src="{{ asset('build/img/pink-wave-mobile.png') }}"
  120.         alt="Haribo pro" />
  121.     <div class="bg-pink">
  122.         <hgroup class="mb-0 no-offer-txt">
  123.             <h3 class="mb-3 no-offer-txt" >Il n'y a pas d'offres de remboursement en cours pour le moment...<h3/>
  124.             <h4 class="">Restez à l'écoute !</h4>
  125.         </hgroup>
  126.     </div>
  127.     <img class="img-fluid wave-bottom d-none w-100 d-md-block" src="{{ asset('build/img/pink-wave-bottom.png') }}"
  128.         alt="Haribo pro" />
  129.     <img class="img-fluid wave-bottom  d-sm-none w-100 d-block"
  130.         src="{{ asset('build/img/pink-wave-bottom-mobile.png') }}" alt="Haribo pro" />
  131. </div>
  132. {% endif %}
  133. {% endblock %}