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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Haribo Pro - Votre offre de remboursement{% endblock %}
  5. {% block body %}
  6. <div id="odr" class="step-odr">
  8.     {% include 'partials/banner-blue.html.twig' %}
  10.     {% for message in app.flashes('danger') %}
  11.         <div class="alert alert-danger text-center" role="alert">
  12.             {{ message }}
  13.         </div>
  14.     {% endfor %}
  16.     <hgroup class="text-center mt-5">
  17.         <h1>Votre offre de remboursement</h1>
  18.     </hgroup>
  19.     <p class="text-center mt-3 description">Suivez les différentes étapes pour effectuer votre demande de remboursement
  20.     </p>
  22.     <img class="img-fluid wave-top d-none d-md-block w-100" src="{{ asset('build/img/pink-wave.png') }}"
  23.         alt="Haribo pro" />
  24.     <img class="img-fluid wave-top d-block d-sm-none w-100" src="{{ asset('build/img/pink-wave-mobile.png') }}"
  25.         alt="Haribo pro" />
  27.     <div class="bg-pink">
  28.         <div class="container">
  29.             <div class="card col-md-6 shadow card-selected">
  30.                 <div class="card-part-1">
  31.                     {% for eligibility in odr.eligibilities %}
  32.                         {% if eligibility.label == 'new_client' %}
  33.                             <h4>Offre nouveaux clients</h4>
  34.                             <h4>Valable 30 jours après inscription</h4>
  35.                         {% else %}
  36.                             <h4><i class="far fa-calendar"></i> Du {{ odr.startDate|date('d/m/Y') }} au {{
  37.                                 odr.endDate|date('d/m/Y') }}</h4>
  38.                         {% endif %}
  39.                     {% endfor %}
  40.                     {% for thumbnail in odr.thumbnailOdrs %}
  41.                     <img src="{{ thumbnail.filePath | imageFilePath('odr') }}" alt="thumbnail_odr-{{ odr.id }}">
  42.                     {% endfor %}
  43.                     <div class="preview-txt-detail-wrap mt-2">
  44.                         <h2>{{ odr.title }}</h2>
  45.                     </div>
  46.                 </div>
  48.                 <div class="card-part-2">
  49.                     <div class="container-price">
  50.                         {% if (odr.percentage) > 0 %}
  51.                         <p class="price">{{ odr.percentage }}<span>%</span></p>
  52.                         {% else %}
  53.                         <p class="price">{{ odr.amount }}<span>€</span></p>
  54.                         {% endif %}
  55.                         <p class="reduc">de réductions</p>
  56.                     </div>
  57.                 </div>
  58.             </div>
  60.             <section class="odr-detail-txt-wrapper mt-5 how-reimbursed how-reimbursed-odr" id="howReimbursedODR">
  61.                 {% if odr.firstStep %}
  62.                     <h3 class="text-center">Comment bénéficier de mon remboursement ?</h3>
  63.                 {% endif %}
  64.                     <ul>
  65.                         {% if odr.firstStep %}
  66.                         <li>
  67.                             <div class="left">1</div>
  68.                             <div class="right">
  69.                                 {{ odr.firstStep | raw }}
  70.                             </div>
  71.                         </li>
  72.                         {% endif %}
  73.                         {% if odr.secondStep %}
  74.                         <li>
  75.                             <div class="left">2</div>
  76.                             <div class="right">
  77.                                 {{ odr.secondStep | raw }}
  78.                             </div>
  79.                         </li>
  80.                         {% endif %}
  81.                         {% if odr.thirdStep %}
  82.                         <li>
  83.                             <div class="left">3</div>
  84.                             <div class="right">
  85.                                 {{ odr.thirdStep | raw }}
  87.                             </div>
  88.                         </li>
  89.                         {% endif %}
  90.                         {% if odr.fourthStep %}
  91.                         <li>
  92.                             <div class="left">4</div>
  93.                             <div class="right">
  94.                                 {{ odr.fourthStep | raw }}
  95.                             </div>
  97.                         </li>
  98.                         {% endif %}
  99.                         {% if odr.fifthStep %}
  100.                         <li>
  101.                             <div class="left">5</div>
  102.                             <div class="right">
  103.                                 {{ odr.fifthStep | raw }}
  104.                             </div>
  106.                         </li>
  107.                         {% endif %}
  108.                     </ul>
  110.                     <div class="btn-bar">
  111.                         <a href="{{ path('kiwi_operation_odr') }}" class="btn btn-secondary">
  112.                             {# <i class="far fa-arrow-alt-circle-left"></i> #}Retour</a>
  113.                         {% if app.user %}
  114.                         <a class="btn btn-primary correct-button"
  115.                             href="{{ path('kiwi_operation_odr_form_participation_user') }}">Je fais ma demande</a>
  116.                         {% else %}
  117.                         <a class="btn btn-primary correct-button" data-bs-toggle="modal" data-bs-target="#odrModal"
  118.                             href="{{ path('app_login') }}">Je fais ma demande</a>
  119.                         {% endif %}
  120.                     </div>
  121.                     <p class="text-center mt-4 txt-legal-recap">En cliquant sur "Je fais ma demande", je déclare avoir
  122.                         lu et accepté les <a class="link" href="{{ odr.pdfOdrs[0].filePath | imageFilePath('odr') }}"
  123.                             target="_blank">modalités</a></p>
  124.             </section>
  125.         </div>
  126.     </div>
  128.     <img class="img-fluid wave-bottom d-none d-md-block w-100" src="{{ asset('build/img/pink-wave-bottom.png') }}"
  129.         alt="Haribo pro" />
  130.     <img class="img-fluid wave-bottom d-block d-sm-none w-100"
  131.         src="{{ asset('build/img/pink-wave-bottom-mobile.png') }}" alt="Haribo pro" />
  132. </div>
  134. <div class="modal fade modal-draw" id="odrModal" tabindex="-1" aria-labelledby="odrModalLabel" aria-hidden="true">
  135.     <div class="modal-dialog">
  136.         <div class="modal-content">
  137.             <div class="modal-header">
  138.                 <h5 class="modal-title" id="odrModalLabel"></h5>
  139.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  140.                     <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span>
  141.                 </button>
  142.             </div>
  143.             <div class="modal-body">
  144.                 <div class="modal-register-wrapper">
  145.                     <h3 class="text-center">Vous souhaitez participer<br />à cette offre ?</h3>
  146.                     <p class="text-center">
  147.                         Pour participer à l'offre de remboursement, vous devez <strong>vous connecter ou vous inscrire
  148.                             en ligne.</strong>
  149.                     </p>
  150.                     <h2 class="text-center mt-4">Pas encore membre ?</h2>
  151.                     <div class="btn-bar text-center mt-3">
  152.                         <a href="{{ path(register_path | default('kiwi_register_user')) }}"
  153.                             class="btn btn-primary col-md-12">Je m'inscris</a>
  154.                     </div>
  155.                 </div>
  156.                 <div class="login-wrapper">
  157.                     <h2 class="text-center mt-5">Déjà Membre ?</h2>
  158.                     <div class="btn-bar text-center mt-3">
  159.                         <a href="{{ path('app_login') }}" class="btn btn-secondary col-md-12">Je me connecte<br /></a>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </div>
  165. </div>
  166. {% endblock %}