templates/base-default/modal-client.html.twig line 1

Open in your IDE?
  1.     
  2. {% if is_granted('ROLE_CLIENT') %}
  3. <div class="main-register-wrap modal">
  4.     <div class="reg-overlay"></div>
  5.     <div class="main-register-holder">
  6.         <div class="card-payment-recap main-register fl-wrap">
  7.             <div class="close-reg color-bg"><i class="fal fa-times"></i></div>
  8.             <div id="tabs-container">
  9.                 <div class="tab">
  10.                     <div id="tab-1" class="tab-content">
  11.                         <h2 class="brand-text text-center my-1">
  12.                             <span class="title-rechargement-recap"> Rechargement </span>
  13.                             <span class="title-credit-recap">Crédit</span>
  14.                         </h2>
  15.                         <p class="fw-bold">Solde actuel : <span id="solde-actuel" class="text-theme-orange">{{ app.user.creditBalance | number_format(2, ',', ' ') }}</span><span class="text-theme-orange"> crédit(s)</span></p>
  16.                         <form name="sg_credit_reload" method="post" id="paymentFormRecap">  
  17.                             <div class="row">    
  18.                                 <div class="col-md-12 col-12">      
  19.                                     <div class="amount">
  20.                                         <label for="sg_credit_reload_amount" class="required">1 crédit = 1 euros</label>
  21.                                         <input type="text" id="sg_credit_reload_amount" name="sg_credit_reload[amount]" required="required" placeholder="___€" step="0.01" autocomplete="off">
  22.                                         
  23.                                     </div>
  24.                                 </div>
  25.                                 <div class="col-md-12 col-12 mt-2">   
  26.                                     <p>Votre nouveau solde après paiement : <span id="new-balance" class="text-theme-orange fw-bold">xx</span><span class="text-theme-orange fw-bold"> crédits</span></p>
  27.                                 </div>
  28.                             </div>
  29.                             <div id="sg_credit_reload">
  30.                                 <div class="row">
  31.                                     <div class="col-md-12 col-12">
  32.                                         <div class="fw-bold" style="color:black">
  33.                                             Payez en ligne <i class="fal fa-regular fa-shield-check fw-bold float-right payment-shield-check"></i>
  34.                                         </div>
  35.                                     </div>
  36.                                     <div class="col-md-12 col-12 icons mb-2">
  37.                                         <img src="/front/images/stripe/mastercard.svg" alt="MasterCard" title="MasterCard" class="card-logo" width="40" height="auto">
  38.                                         <img src="/front/images/stripe/visa.svg" alt="Visa" title="Visa" class="card-logo" width="40" height="auto">
  39.                                         <img src="/front/images/stripe/amex.svg" alt="American Express" title="American Express" class="card-logo" width="40" height="auto">
  40.                                         <img src="/front/images/stripe/discover.svg" alt="Discover" title="Discover" class="card-logo" width="40" height="auto">
  41.                                         <img src="/front/images/stripe/diners.svg" alt="Diners Club" title="Diners Club" class="card-logo" width="40" height="auto">
  42.                                         <img src="/front/images/stripe/jcb.svg" alt="JCB" title="JCB" class="card-logo" width="40" height="auto">
  43.                                     </div>
  44.                                     <div class="col-md-12 col-12">
  45.                                         <div id="errors"></div>
  46.                                     </div>
  47.                                     <div class="col-md-12 col-12 mb-2">
  48.                                         <label for="sg_credit_reload_card_holder_name" class="required">Nom sur la carte</label>
  49.                                         <input type="text" id="sg_credit_reload_card_holder_name" name="sg_credit_reload[card_holder_name]" required="required" placeholder="Nom">
  50.                                         
  51.                                     </div>
  52.                                     <div class="col-md-12 col-12 mb-2">
  53.                                         <label for="sg_credit_reload_card_number" class="required">N<span style="vertical-align: super; font-size: smaller;">o</span> de carte</label>
  54.                                         <div id="sg_credit_reload_card_errors"></div>
  55.                                         <div id="sg_credit_reload_card_number"></div>
  56.                                     </div>
  57.                                 </div>
  58.                                 <div class="row">
  59.                                     <div class="col-md-12 col-12">
  60.                                         <div id="sg_credit_reload_expiry_errors"></div>
  61.                                         <div id="sg_credit_reload_cvv_errors"></div>
  62.                                     </div>
  63.                                     <div class="col-md-6 col-12 mb-2">
  64.                                         <label for="sg_credit_reload_expiry" class="required">Date d'expiration</label>
  65.                                         <div id="sg_credit_reload_expiry"></div>
  66.                                     </div>
  67.                                     <div class="col-md-6 col-12 mb-2">
  68.                                         <label for="sg_credit_reload_cvv" class="required">Cryptogramme visuel</label>
  69.                                         <div id="sg_credit_reload_cvv"></div>
  70.                                     </div>
  71.                                 </div>
  72.                                 <div class="row">
  73.                                     <div class="col-md-12 col-12 mt-3">
  74.                                         <button id="card-button" type="submit">
  75.                                             <i class="fal fa-lock fw-bold"></i> Payer
  76.                                         </button>
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                             <input type="hidden" id="sg_credit_reload__token" name="sg_credit_reload[_token]" value="59a9088fa4660e398405fc22a10cf._IfK72SPBFjxnOrllYqgCviUPfHvpfMlmlbeP-6-C80.hLOe1yPcdxOj0dux-viNf4HaSZae7b1Syjy5UabkM4i_7aSNPuhcIr7duw"></form>
  81.                         </form>                        
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  87. </div>
  88. {% endif %}
  90. <div class="map-modal-wrap">
  91.     <div class="map-modal-wrap-overlay"></div>
  92.     <div class="map-modal-item">
  93.         <div class="map-modal-container fl-wrap">
  94.             <div class="map-modal fl-wrap">
  95.                 <div id="singleMap" data-latitude="40.7" data-longitude="-73.1"></div>
  96.             </div>
  97.             <h3><i class="fal fa-location-arrow"></i><a href="#">Hotel Title</a></h3>
  98.             <input id="pac-input" class="controls fl-wrap controls-mapwn" type="text" placeholder="What Nearby ?   Bar , Gym , Restaurant ">
  99.             <div class="map-modal-close"><i class="fal fa-times"></i></div>
  100.         </div>
  101.     </div>
  102. </div>