ajout paypal stickers

.gitlab-ci.yml

@@ -8,7 +8,7 @@ before_script:
   - '[[ -f /.dockerenv ]] && echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config'
 
 deploy_staging:
-  type: deploy
+  stage: deploy
   environment:
     name: production
     url: $URL

index.php

@@ -106,7 +106,17 @@
 									<h3>Stickers</h3>
 									<p>Pour coller où tu souhaites ton attachement à Onirik</p>
 									<ul class="icons">
-										1€
+										<div id="smart-button-container">
+									      <div style="text-align: center;">
+									        <div style="margin-bottom: 0.25rem;">
+									          <p>Stickers</p>
+									          <select id="item-options"><option value="Stickers Blancs X5 (+1 offert)" price="5">Stickers Blancs X5 (+1 offert) - 5 EUR</option><option value="Stickers Noirs X5 (+1 offert)" price="5">Stickers Noirs X5 (+1 offert) - 5 EUR</option><option value="Stickers Blancs X10 (+2 offerts)" price="10">Stickers Blancs X10 (+2 offerts) - 10 EUR</option><option value="Stickers Noirs X5 (+2 offerts)" price="10">Stickers Noirs X5 (+2 offerts) - 10 EUR</option><option value="Stickers Mix Blanc et Noirs X10 (+2 offerts)" price="10">Stickers Mix Blanc et Noirs X10 (+2 offerts) - 10 EUR</option></select>
+									          <select style="visibility: hidden" id="quantitySelect"></select>
+									        </div>
+									      <div id="paypal-button-container"></div>
+									      </div>
+									    </div>
+										<script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=EUR" data-sdk-integration-source="button-factory"></script>
 									</ul>
 								</section>
 								<section>
@@ -140,5 +150,6 @@
 					<?php include('footer.php'); ?>
 			</div>
 		<?php include('f_scripts.php'); ?>
+		<?php include('ppstickers_script.php'); ?>
 	</body>
 </html>
\ No newline at end of file

ppstickers_script.php

+<script>
+      function initPayPalButton() {
+        var shipping = 0;
+        var itemOptions = document.querySelector("#smart-button-container #item-options");
+    var quantity = parseInt();
+    var quantitySelect = document.querySelector("#smart-button-container #quantitySelect");
+    if (!isNaN(quantity)) {
+      quantitySelect.style.visibility = "visible";
+    }
+    var orderDescription = 'Stickers';
+    if(orderDescription === '') {
+      orderDescription = 'Item';
+    }
+    paypal.Buttons({
+      style: {
+        shape: 'pill',
+        color: 'black',
+        layout: 'vertical',
+        label: 'paypal',
+        
+      },
+      createOrder: function(data, actions) {
+        var selectedItemDescription = itemOptions.options[itemOptions.selectedIndex].value;
+        var selectedItemPrice = parseFloat(itemOptions.options[itemOptions.selectedIndex].getAttribute("price"));
+        var tax = (0 === 0 || false) ? 0 : (selectedItemPrice * (parseFloat(0)/100));
+        if(quantitySelect.options.length > 0) {
+          quantity = parseInt(quantitySelect.options[quantitySelect.selectedIndex].value);
+        } else {
+          quantity = 1;
+        }
+
+        tax *= quantity;
+        tax = Math.round(tax * 100) / 100;
+        var priceTotal = quantity * selectedItemPrice + parseFloat(shipping) + tax;
+        priceTotal = Math.round(priceTotal * 100) / 100;
+        var itemTotalValue = Math.round((selectedItemPrice * quantity) * 100) / 100;
+
+        return actions.order.create({
+          purchase_units: [{
+            description: orderDescription,
+            amount: {
+              currency_code: 'EUR',
+              value: priceTotal,
+              breakdown: {
+                item_total: {
+                  currency_code: 'EUR',
+                  value: itemTotalValue,
+                },
+                shipping: {
+                  currency_code: 'EUR',
+                  value: shipping,
+                },
+                tax_total: {
+                  currency_code: 'EUR',
+                  value: tax,
+                }
+              }
+            },
+            items: [{
+              name: selectedItemDescription,
+              unit_amount: {
+                currency_code: 'EUR',
+                value: selectedItemPrice,
+              },
+              quantity: quantity
+            }]
+          }]
+        });
+      },
+      onApprove: function(data, actions) {
+        return actions.order.capture().then(function(orderData) {
+          
+          // Full available details
+          console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
+
+          // Show a success message within this page, e.g.
+          const element = document.getElementById('paypal-button-container');
+          element.innerHTML = '';
+          element.innerHTML = '<h3>Thank you for your payment!</h3>';
+
+          // Or go to another URL:  actions.redirect('thank_you.html');
+
+        });
+      },
+      onError: function(err) {
+        console.log(err);
+      },
+    }).render('#paypal-button-container');
+  }
+  initPayPalButton();
+</script>
\ No newline at end of file