templates/etapes/panier.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <div class="container-fluid">
  5.     <h1 class="mb-3 d-flex justify-content-between">
  6.         <span>Panier
  7.             {% if cart.date is defined %}<small><small class="badge text-white bg-primary ml-2">( {{ cart.date|replace({'-': "/"}) }} )</small></small>{% endif %}
  8.         </span>  
  9.         {% if cart_details is not empty %}
  10.         <form action="/panier" method="POST" class="d-print-none">
  11.             <input type="hidden" name="reset_cart" value="true">
  12.             <button type="submit" class="btn btn-sm bg-danger text-white" style="display: inline-block;">
  13.                 <i class="fas fa-trash"></i><span class="d-none d-md-inline">&nbsp;&nbsp;Vider le panier</span>
  14.             </button>
  15.         </form>
  16.         {% endif %}
  17.     </h1>
  18.     {% if cart_details is not empty %}
  19.         {# {{ dump(cart_details) }} #}
  20.         {% set totalPanier = 0 %}
  21.         {% set totalAPayer = 0 %}
  22.         {% for formule in cart_details  %}
  23.             {% if formule.forfaits is defined %}
  24.                 <div class="card mb-4">
  25.                     <h4 class="card-header d-flex justify-content-between">
  26.                         Formule : {{ formule.obj_formule.getDesignation() }}
  27.                         <form action="/panier" class="d-print-none" method="POST">
  28.                             <input type="hidden" name="remove_formule" value="{{ formule.obj_formule.getCode() }}">
  29.                             <button type="submit" title="Supprimer la fomule" class="btn btn-sm bg-secondary text-white" style="display: inline-flex;">
  30.                                 <i class="fas fa-trash"></i><span class="msg-remove_formule">&nbsp;&nbsp;Supprimer la formule</span>
  31.                             </button>
  32.                         </form>
  33.                     </h4>
  34.                     <div class="card-body">
  35.                         {% set totalFormule = 0 %}
  36.                         {% set acompteFormuleAnniversaire = 0 %}
  37.                         {% for forfait in formule.forfaits  %}
  38.                             <h5>{{ forfait.obj_forfait.getDesignation() }}</h5>
  39.                             {% if forfait.activity is defined %}
  40.                                 {% if formule.obj_formule.getCode() != "anniversaire" %}
  41.                                 <p class="mb-1">
  42.                                     <u>Créneau réservé :</u>
  43.                                 </p>
  44.                                 <ul class="pl-4">
  45.                                 {% for activity in forfait.activity  %}
  46.                                     <li><b>{{ activity.obj_activity.getDesignation() }} 
  47.                                       {% if activity.creneau is defined %}
  48.                                         à {{ activity.creneau }}
  49.                                       {% endif %}
  50.                                     </b> ({{ activity.participants }} personnes {% if activity.creneau is defined %} x {{ activity.parties }} parties{% endif %})</li>
  51.                                 {% endfor %}
  52.                                 </ul>
  53.                                 {% else %}
  54.                                     <p class="mb-1">
  55.                                         <u>Créneau d'anniversaire réservé :</u>
  56.                                     </p>
  57.                                     <p>Le <b>{{ cart.date|replace({'-': "/"}) }}</b> à <b>{{ forfait.infos_anniv.creneau_anniv }}</b> pour <b>{{ forfait.infos_anniv.nbreParticipants }} personnes</b></p>
  58.                                     <p class="mb-1">
  59.                                         <u>Activités à créneaux réservées :</u>
  60.                                     </p>
  61.                                     <ul class="pl-4">
  62.                                     {% for activity in forfait.activity  %}
  63.                                          <li><b>{{ activity.obj_activity.getDesignation() }}</b> : {{ activity.parties }} partie(s)</li>
  64.                                     {% endfor %}
  65.                                     </ul>
  66.                                     <p><b>Vous serez recontacté.e rapidement par la Team 10.55 pour les horaires de vos activités à créneaux.</b></p>
  67.                                 {% endif %}
  68.                             {% endif %}
  69.                             <p class="mb-1"><u>Tarifs :</u></p>
  70.                             <ul class="pl-4">
  71.                             {% for tarif in forfait.tarifs  %}
  72.                                 {% if forfait.tarifs|length == 1 and formule.obj_formule.getCode() == "anniversaire" and acompteFormuleAnniversaire == 0 %}
  73.                                     {% set totalAPayer = totalAPayer + ( tarif.obj_tarif.getPriceTtc() * 4) %}
  74.                                     {% set acompteFormuleAnniversaire =  tarif.obj_tarif.getPriceTtc() * 4 %}
  75.                                 {% endif %}
  76.                                 {% set totalFormule = totalFormule + (tarif.qty) * tarif.obj_tarif.getPriceTtc() %}
  77.                                 <li>{{ tarif.obj_tarif.getDesignation() }} : <span class="text-white badge bg-primary px-2 py-1">{{ tarif.qty }} x {{ tarif.obj_tarif.getPriceTtc() }}€</span></li>
  78.                             {% endfor %}
  79.                             </ul>
  80.                             {% if forfait.options is not empty %}
  81.                                 <p class="mb-1"><u>Options :</u></p>
  82.                                 <ul class="pl-4">
  83.                                 {% for option in forfait.options  %}
  84.                                     {% set totalFormule = totalFormule + (option.qty) * option.obj_option.getPriceTtc() %}
  85.                                     <li>{{ option.obj_option.getDesignation() }} : <span class="text-white badge bg-primary px-2 py-1">{{ option.qty }} x {{ option.obj_option.getPriceTtc() }}€</span></li>
  86.                                 {% endfor %}
  87.                                 </ul>
  88.                             {% endif %}
  89.                             <hr>
  90.                         {% endfor %}
  91.                         {% set totalPanier = totalPanier + totalFormule %}
  92.                         {% if formule.obj_formule.getCode() != "anniversaire" %}
  93.                             {% set totalAPayer = totalAPayer + totalFormule %}
  94.                         {% endif %}
  95.                         <div class="d-flex justify-content-end">
  96.                             <span><b>Total formule :</b> <span class="bg-light border px-2 py-1"><b>{{ totalFormule }}€</b></span> <span class="badge">(TTC)</span></span>
  97.                         </div>
  98.                         {% if formule.obj_formule.getCode() == "anniversaire" and acompteFormuleAnniversaire != 0 %}
  99.                         <div class="d-flex justify-content-end mt-2">
  100.                             <span class="badge"><b>Acompte :</b> <span class="bg-light border px-2 py-1"><b>{{ acompteFormuleAnniversaire }}€</b></span> <span>(TTC)</span></span>
  101.                         </div>
  102.                         {% endif %}
  103.                     </div>
  104.                 </div>
  105.                 {% if formule.obj_formule.getCode() == "anniversaire" %}
  106.                     <div class="card mb-4">
  107.                         <form id="customer_comment" method="POST" action="/panier" class="p-0" style="">
  108.                             <div class="card-header h6 alert alert-warning mb-2">Souhaitez-vous ajouter un commentaire à votre réservation d'anniversaire ?</div>
  109.                             <div class="card-body pt-2 pb-3">
  110.                             {# {{ dump() }} #}
  111.                                 {% if cart['birthday_customer_comment'] is defined %}
  112.                                     {% set birthday_customer_comment = cart['birthday_customer_comment'] %}
  113.                                     {% set txt_btn_bcc = "Modifier le commentaire" %}
  114.                                 {% else %}
  115.                                     {% set birthday_customer_comment = "" %}
  116.                                     {% set txt_btn_bcc = "Ajouter le commentaire" %}
  117.                                 {% endif %}
  118.                                 <textarea  id="birthday_customer_comment" name="birthday_customer_comment" class="form-control">{{ birthday_customer_comment }}</textarea>
  119.                                 <button type="submit" class="mt-2 btn btn-secondary">{{ txt_btn_bcc }}</button>
  120.                             </div>
  121.                         </form>
  122.                     </div>
  123.                 {% endif %}
  124.             {% endif %}
  125.         {% endfor %}
  127.         <div class="mb-4">
  128.             <div class="d-flex justify-content-end">
  129.                 <div class="card pt-2 px-2">
  130.                     <form id="formcodepromo" method="POST" action="/panier" class="p-0" style="">
  131.                         <div class="d-inline-flex mr-md-2 mb-2">
  132.                             {# <div class="alert alert-danger">
  133.                                 Bon numérique en maintenance !<br><small>si vous souhaitez payer avec votre e-ticket, <br>revenez un peu plus tard, <br>ce moyen de paiement est en maintenance</small>
  134.                             </div> #}
  135.                             <div class="input-group">
  136.                                 <input id="bon_numerique" name="bon_numerique" class="form-control" placeholder="E-ticket" type="text">
  137.                                 <div class="input-group-append">
  138.                                     <button type="submit" class="btn btn-secondary">Utiliser mon E-ticket</button>
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                         {% if cart.code_promo is not defined %}
  143.                         <div class="d-inline-flex mb-2">
  144.                             <div class="input-group">
  145.                                 <input id="codepromo" name="codepromo" class="form-control" placeholder="Code Promo" type="text">
  146.                                 <input id="totalPanier" name="totalPanier" class="form-control" type="hidden" value="{{ totalPanier }}">
  147.                                 <div class="input-group-append">
  148.                                     <button type="submit" class="btn btn-secondary">Utiliser mon code</button>
  149.                                 </div>
  150.                             </div>
  151.                         </div>
  152.                         {% endif %}
  153.                     </form>
  154.                     
  155.                     {% if alert_voucher is defined and alert_voucher != '' %} 
  156.                     <p id="error_reduction" class="h6 mb-2 text-danger">
  157.                         {{ alert_voucher }} 
  158.                     </p>
  159.                     {% else %}
  160.                     <p id="error_reduction" class="h6 mb-2 alert alert-danger d-none">
  161.                     </p>
  162.                     {% endif %}
  163.                     
  164.                     {% if code_promo_response is defined and code_promo_response.error is defined and code_promo_response.error != null %} 
  165.                     <p id="error_reduction" class="h6 mb-2 text-danger">
  166.                         {{ code_promo_response.error }} 
  167.                     </p>
  168.                     {% else %}
  169.                     <p id="error_reduction" class="h6 mb-2 alert alert-danger d-none">
  170.                     </p>
  171.                     {% endif %}
  172.                 </div>
  173.             </div>
  174.         </div>
  176.         <div class="card mb-4">
  178.             {% if cart.bon_numerique is defined %}
  179.                 {% for bon in cart.bon_numerique  %}
  180.                 <div class="card-body d-flex justify-content-end">
  181.                     {% set valeur_promo = "-" ~ (bon.total) ~  "€" %}
  182.                     {% set totalPanier = (totalPanier - bon.total) %}
  183.                     {% set totalAPayer = (totalAPayer - bon.total) %}
  184.                     {% if totalPanier < 0 %}
  185.                         {% set totalPanier = 0 %}
  186.                     {% endif %}
  187.                     {% if totalAPayer < 0 %}
  188.                         {% set totalAPayer = 0 %}
  189.                     {% endif %}
  190.                     <form action="/panier" class="d-print-none" method="POST">
  191.                         <input type="hidden" name="remove_bon_numerique" value="{{ bon.bon }}">
  192.                         <button type="submit" title="Retirer ce E-ticket" class="btn btn-sm bg-white text-danger" style="display: inline-flex;">
  193.                             <i class="fas fa-trash mt-1"></i><span class="msg-remove_bon_numerique py-1 ml-2 bg-danger text-white" style="line-height:1;">&nbsp;&nbsp;Retirer ce Bon</span>
  194.                         </button>
  195.                     </form>
  196.                     <div class="text-danger">
  197.                         E-ticket [{{ bon.bon }}]&nbsp; : &nbsp;
  198.                         <span class="h5"><span class="badge bg-danger text-white border-danger px-2 py-1">{{ valeur_promo }}</span></span>
  199.                     </div>
  200.                 </div>
  201.             {% endfor %}
  202.             {% endif %}
  204.             {% if cart.code_promo is defined %}
  205.                 <div class="card-body d-flex justify-content-end">
  206.                     {% if cart.code_promo.getTypeReduction() == 'percentage' %} 
  207.                         {% set percent_promo = "-" ~ (cart.code_promo.getPercent() * 100) ~  "%" %}
  208.                         {% set valeur_promo = "-" ~ (totalPanier * cart.code_promo.getPercent()) ~  "€" %}
  209.                         {% set totalPanier = (totalPanier - (totalPanier * cart.code_promo.getPercent())) %}
  210.                         <div class="text-danger">
  211.                             Code promo [{{ cart.code_promo.getCode() }}] ({{ percent_promo }})&nbsp; : &nbsp;
  212.                             <span class="h5"><span class="badge bg-danger text-white border-danger px-2 py-1">{{ valeur_promo }}</span></span>
  213.                         </div>
  214.                     {% else %}
  215.                         {% set valeur_promo = "-" ~ (cart.code_promo.getReduction()) ~  "€" %}
  216.                     {% endif %}
  217.                 </div>
  218.             {% endif %}
  219.             {% if totalPanier != totalAPayer %}
  220.                 <h5 class="card-header d-flex justify-content-end">
  221.                     Total panier :&nbsp;<span class="badge bg-light border px-2 py-1"><b>{{ totalPanier }}€</b></span> <span class="badge"><small>(TTC)</small></span></span>
  222.                 </h5>
  223.                 <h4 class="card-header d-flex justify-content-end">
  224.                     Total à payer :&nbsp;<span class="badge bg-success text-white border px-2 py-1"><b>{{ totalAPayer }}€</b></span> <span class="badge"><small>(TTC)</small></span></span>
  225.                 </h4>
  226.             {% else %}
  227.                 <h4 class="card-header d-flex justify-content-end">
  228.                     Total panier :&nbsp;<span class="badge bg-success text-white border px-2 py-1"><b>{{ totalPanier }}€</b></span> <span class="badge"><small>(TTC)</small></span></span>
  229.                 </h4>
  230.             {% endif %}
  231.         </div>
  233.         <div class="container-fluid d-print-none">
  234.             <div class="row justify-content-between">
  235.                 <a href="/" class="btn btn-secondary ladda-button d-flex align-items-center py-1 mb-3" id="etape0" data-style="zoom-out" >
  236.                     <span class="h3 mb-0">&lt;&nbsp;</span>
  237.                     <span class="ladda-label">Ajouter une formule</span>
  238.                 </a>
  239.                 <a href="/paiement" class="btn btn-primary btn-lg ladda-button d-flex align-items-center" id="etape3" data-style="zoom-out" >
  240.                     <span class="ladda-label">Finaliser ma réservation</span>
  241.                     <span class="h3 mb-0">&nbsp;&gt;</span>
  242.                 </a>
  243.             </div>
  244.         </div>
  246.     {% else %}
  247.         <div class="py-5 my-auto">
  248.             <h3 class="text-center alert alert-warning">Votre panier est vide</h3>
  249.         </div>
  250.     {% endif %}
  251.         
  252. </div>
  253. {% endblock %}