templates/default/panier.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block title %}
  5. <title>MON PANIER | LIONS CLUB Laclaireau | comté de Chiny </title>
  6. <meta name="description" content="MON PANIER | LIONS CLUB Laclaireau | comté de Chiny">
  7. {% endblock %}
  9. {% block body %}
  11. <style>
  12. th
  13. {
  14.     font-weight:bold
  15. }
  16. </style>
  17.  <div class="container pt-250">
  18.             <div class="row">
  19.                 <div class="col-12">
  20.                     <h1 class="p16-b bb-green mb-4 d-inline-block text-uppercase">Mon panier de réservations</h1>
  21.                    
  22.                     <table class="table">
  23.   <thead>
  24.     <tr>
  25.       <th scope="col">#</th>
  26.       <th scope="col">Titre</th>
  27.       <th scope="col">Date</th>
  28.       <th scope="col">Quantité</th>
  29.       <th scope="col">Total</th>
  30.       <th scope="col">Action</th>
  31.     </tr>
  32.   </thead>
  33.   <tbody>
  34.   {% set total = 0 %}
  35.   {% for res in resa %}
  36.    {% set total = total + res.total %}
  37.     <tr>
  38.       <th scope="row">
  39.       {% if res.evenements.image != 'ok' %}
  40. <img src="{{asset('uploads/'~res.evenements.image)}}" alt="{{res.evenements.titre}}" class="img-thumbnail" style="height:100px">
  41. {% else %}
  42. <img src="{{asset('uploads/default.png')}}" alt="{{res.evenements.titre}}" class="img-thumbnail"style="height:100px">
  43. {% endif %}
  44.       </th>
  45.       <td>{{res.evenements.titre}}</td>
  46.       <td>{{res.evenements.date|date('d-m-Y')}} {{res.evenements.heure}}</td>
  47.       <td>{{res.nbPlaces}}</td>
  48.        <td>{{res.total}}€</td>
  49.       <td><a href="{{path('deletePanier',{'id':res.id})}}" onclick="return confirm('Etes-vous sûr ?')"><i class="fa fa-trash" style="font-size:20px; color:red"></i></a></td>
  50.     </tr>
  51.     {% endfor %}
  52.    
  53.   </tbody>
  54. </table>
  55. <div class="row">
  56. <div class="col-12">
  57. <h2 style="float:right">Total de la commande : {{total}}€</h2>
  58. </div>
  59. </div>
  60. <br>
  61. <div class="row">
  62. <div class="col-6"></div>
  63. <div class="col-6" style="text-align:right">
  64.  {% if ignore == 0 %}
  65.        <a href="{{path('stripeForm')}}"> <button class="btn btn-info">Carte bancaire</button></a>
  66.         {% else %}
  67.        <a href="{{path('validationCmd',{'id':app.user.id})}}"> <button class="btn btn-success">Valider la réservation</button></a>
  68.         {% endif %}
  69. </div>
  70. </div>
  73.  <!--<script src="https://www.paypal.com/sdk/js?client-id=AX08AWg4eJEOIxaqCkXR7UDWl017IzQTErNfiqNqLfLXEZPfFG39U0vIa_-ZeNP1-GYaxOzIVmfz6XV9&enable-funding=venmo&currency=EUR" data-sdk-integration-source="button-factory"></script>-->
  74.  <script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=EUR" data-sdk-integration-source="button-factory"></script>
  76.   <script>
  77.     function initPayPalButton() {
  78.       paypal.Buttons({
  79.         style: {
  80.           shape: 'rect',
  81.           color: 'gold',
  82.           layout: 'vertical',
  83.           label: 'paypal',
  84.           
  85.         },
  87.         createOrder: function(data, actions) {
  88.           return actions.order.create({
  89.             purchase_units: [{"custom_id": {{app.user.id}},"description":"Paiement Théâtre Lions Club","amount":{"currency_code":"EUR","value":{{total}}}}],
  90.             
  91.           });
  92.         },
  94.         onApprove: function(data, actions) {
  95.           return actions.order.capture().then(function(orderData) {
  96.             
  97.             // Full available details
  98.             //console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
  99.          
  100.  var obj = orderData.purchase_units[0].custom_id;
  103.             // Show a success message within this page, e.g.
  104.             const element = document.getElementById('paypal-button-container');
  105.             element.innerHTML = '';
  106.             
  107.            
  108.            
  110.             if(orderData.status == 'COMPLETED')
  111.             {
  112.             element.innerHTML = '<h3 style="color:green">Merci pour votre paiement!</h3>';
  113.             document.location.href="../validation-de-la-commande/"+obj;
  114.             
  115.             }
  116.             else
  117.             {
  118.               element.innerHTML = '<h3 style="color:red">Erreur de paiement</h3>';
  119.             }
  122.              
  124.             
  125.             
  126.           });
  127.         },
  129.         onError: function(err) {
  130.           console.log(err);
  131.         }
  132.       }).render('#paypal-button-container');
  133.     }
  134.     initPayPalButton();
  135.   </script>
  136.                    
  137.                     
  140.  
  141.                     <br><b><br><br>
  142.                 </div>
  143.             </div>
  144.         </div>
  145. {% endblock %}