templates/home/index.html.twig line 1

  1. {% extends 'headerbase.html.twig' %}
  4. {% block title %}Interface de paiement {% endblock %}
  6. {% block javascripts %}
  7.     <!-- integration captcha -->
  8.     <script src="https://www.google.com/recaptcha/api.js?render={{captchaSitekey}}"></script>
  9.     <script>
  10.         grecaptcha.ready(function() {
  11.             // do request for recaptcha token
  12.             // response is promise with passed token
  13.             grecaptcha.execute( {{captchaSitekey}} , {action:'validate_captcha'})
  14.                       .then(function(token) {
  15.                 // add token value to form
  16.                 document.getElementById('g-recaptcha-response').value = token;
  17.             });
  18.         });
  19.     </script>
  20. {% endblock %}
  23. {% block body %}
  24. {# 
  25. <style>
  26.     .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
  27. </style>
  28. #}
  30. <!-- Contenu principal -->
  31. <div class="container" style="margin-top:10px;">
  32.     <div class="row ">
  33.         <div class="col-sm-12" style="text-align: center; font-weight: bold;">
  34.             <span > {{appliName | upper}} garantit la confidentialité et la sécurité de vos données </span>
  35.         </div>  
  36.     </div>  
  38.     <div class="row">
  39.         <div class="col-sm-12">
  40.             <div style="font-weight: bold; color: red; text-align: center; background-color:#cacae9;" >
  41.                 {% if errorMessage is defined  %}
  42.                     <hr class="mt-1">
  43.                     {% if errorMessage is iterable %}
  44.                         {% for err in errorMessage %}
  45.                             {{ err | upper }}</br>
  46.                         {% endfor %}
  47.                     {% else %}        
  48.                         {{errorMessage | upper}}
  49.                     {% endif %}        
  50.                     <hr class="mb-1">
  51.                 {% endif %}        
  52.             </div>
  53.         </div>
  54.     </div>
  55.     
  56.     {% if appliName == "Allo-Carte" %}
  58.     <div class="row">
  59.         <div class="col-sm-3">
  60.         </div>
  62.         <div class="col-sm-6">
  64.             <hr>
  66.             {{ form_start(form, {'action': '/' , 'method': 'POST'}) }}
  68.                 <!-- integration captcha -->
  69.                 <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
  70.                 <input type="hidden" name="action" value="validate_captcha">                
  72.                 <div class="row" >
  73.                     <div class="col-md-6 mb-2">
  74.                         {{ form_label(form.clientCode, "Votre code client", { 'label_attr': {'class': 'fw-bold'}} )  }}
  75.                         {{ form_widget(form.clientCode) }}
  76.                         <div class="text-danger fw-bold">
  77.                             {{ form_errors(form.clientCode) }}
  78.                         </div>
  79.                     </div>
  80.                 </div>
  82.                 <hr class="mb-3" >
  84.                 <div class="row">
  85.                     <div class="col-md-6 mb-2">
  86.                         {{ form_label(form.designation, "Désignation Produit / Product Designation", { 'label_attr': {'class': 'fw-bold'}}) }}
  87.                         {{ form_widget(form.designation) }}
  88.                         <div class="text-danger fw-bold">
  89.                             {{ form_errors(form.designation) }}        
  90.                         </div>
  91.                     </div>
  92.                 </div>
  94.                 <div class="row" >
  95.                     <div class="col-md-6 mb-2">
  96.                         {{ form_label(form.reference, "Référence Paiement / Payment Reference", { 'label_attr': {'class': 'fw-bold'}}) }}
  97.                         {{ form_widget(form.reference) }}
  98.                         <div class="text-danger fw-bold">
  99.                             {{ form_errors(form.reference) }}        
  100.                         </div>
  101.                     </div>
  102.                 </div>
  104.                 <div class="row" >
  105.                     <div class="col-md-6 mb-4">
  106.                         {{ form_label(form.amount, "Montant / Amount", { 'label_attr': {'class': 'fw-bold'}}) }}
  107.                         {{ form_widget(form.amount) }}
  108.                         <div class="text-danger fw-bold">
  109.                             {{ form_errors(form.amount) }}        
  110.                         </div>
  111.                     </div>
  112.                 </div>
  114.                 <hr class="mb-3">
  115.                 
  116.                 <button class="btn btn-primary btn-lg btn-block" type="submit" name="customer" value="1" > Continuer / Continue </button>
  119.                 {{ form_rest(form) }}
  121.             {{ form_end(form) }}
  122.             <p>    <br> </p>
  123.         </div>
  124.     </div>
  126.     {% endif %}        
  128.     <div class="row">
  129.         <div class="col-sm-12">
  130.             <hr class="mb-2">
  131.             
  132.             <p>
  133.             <strong>Votre Adresse IP : {{clientIp}} </strong><br>
  134.             Pour votre sécurité, celle-ci est enregistrée pour éviter toute tentative d'achat frauduleux.<br>
  135.             Toute tentative de fraude sera poursuivie selon les lois en vigueur 
  136.             </p>
  137.             <p>    <br> </p>
  138.         </div>
  139.     </div>
  142. </div>
  147. {% endblock %}