templates/email/confirmation.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Réservation 1055{% endblock %}</title>
  6.         {% block stylesheets %}
  7.             <link href="{{ absolute_url(asset('assets/css/bootstrap.min.css')) }}" rel="stylesheet">
  8.             <link href="{{ absolute_url(asset('assets/css/front-custom.css')) }}" rel="stylesheet">
  9.             <link href="{{ absolute_url(asset('assets/css/jquery-ui.structure.min.css')) }}" rel="stylesheet">
  10.             <link href="{{ absolute_url(asset('assets/css/jquery-ui.theme.css')) }}" rel="stylesheet">
  11.             <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  12.             <link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">            
  13.         {% endblock %}
  14.     </head>
  15.     <body class="bg-light">
  16.     {% block body %}
  17.     <div class="container">
  18.           <div class="py-3 text-center">
  19.             <img class="d-block mx-auto mb-4" src="{{ absolute_url(asset('assets/img/logo-300x300.png')) }}" alt="1055" width="150" height="155">
  20.             <h1>Réservation 10.55 {{ city_gamecenter }}</h1>
  21.           </div>
  23.           <div class="row">
  24.             <div class="col-md-12 mx-auto mt-3 text-center">NE PAS REPONDRE A CET EMAIL, POUR TOUTE QUESTION CONTACTEZ-NOUS <a href="https://cloud.groupe.1055.fr/particuliers-contactez-nous">ICI</a></div>
  25.           </div>
  26.           
  27.           <div class="row">
  28.            {% if error is null %}
  29.             <div class="col-md-8 mx-auto">
  30.                     <p class="mb-3">Bonjour {{firstname}} {{lastname}},</p>
  31.                     <p class="mb-3">Nous avons bien enregistré votre réservation et nous vous en remercions.<br />
  32.                     Toute l'équipe du 1055 vous remercie de votre confiance !</p>
  33.                     <div class="d-flex mx-1 my-3">
  34.                         <div class="col-md-6 pl-0">
  35.                             <div id="customer" class="p-4 border border-grey rounded bg-white">
  36.                             {{firstname}} {{lastname}}<br />
  37.                             {{address1}}<br />
  38.                             {% if address2 is not null and address2 != "" %}{{address2}}<br />{% endif %}
  39.                             {{postcode}} {{city}}
  40.                             </div>
  41.                         </div>
  42.                         <div class="col-md-6 pr-0">
  43.                             <div id="coordonnees" class="p-4 border border-grey rounded bg-white">
  44.                             {% if phone is not null and phone != "" %}Tél. : {{phone}}<br />{% endif %}
  45.                             {% if phoneMobile is not null and phoneMobile != "" %}Port. : {{phoneMobile}}<br />{% endif %}
  46.                             Email : <a href="mailto:{{email}}" target="_blank">{{email}}</a>
  47.                             </div>
  48.                         </div>
  49.                     </div>
  50.                     {% if carte_1055 == true %}
  51.                     <div class="row mx-1 mt-2">
  52.                         <div id="resaBox" style="border: 1px solid #dc3545; padding:15px; margin-top:15px;">
  53.                             <h5 class="text-danger" style="color:#dc3545;">IMPORTANT</h5>
  54.                             <p>Si vous avez payé avec votre carte 10. 55 et que le solde est insuffisant sur votre carte, vous serez recontacté afin que nous fassions le nécessaire. Si le solde est insuffisant sur votre carte est que vous n’êtes pas recontacté, <strong>la différence vous sera demandée sur place</strong>. Votre carte n’est pas débitée automatiquement sur notre site de réservation mais manuellement par nos agents d’accueil. </p>
  55.                             <p>Si vous avez rentré un faux numéro de compte lié à un faux compte et/ou vice versa, <strong>votre réservation ne sera pas prise en compte</strong>, et vous ne serez ni connu, ni attendu par la team 10. 55. Vous serez accueilli avec plaisir, mais il est possible que de l’attente soit à prévoir aux activités souhaitées. </p>
  56.                         </div>
  57.                     </div>
  58.                     {% endif %}
  59.                     <div class="d-flex mx-1 my-3">
  60.                         <div class="col-md-6 pl-0">
  61.                             <div id="resa" class="p-4 border border-grey rounded bg-white">
  62.                                 <h5>Confirmation de réservation</h5>
  63.                                 <p class='text-success'>Votre réservation est confirmée !</p>
  64.                                 Veuillez noter votre numéro de réservation ci-dessous :
  65.                                 <h4 class="d-block text-center mt-1">{{numero_resa}}</h4>
  66.                                 <b>Formule :</b> {{reservation.formule}}<br />
  67.                                 {% if 'anniversaire' in reservation.formule %}
  68.                                     {% set infos_resa_clean = infos_resa | replace({"============================":"<br>"}) %}
  69.                                     <b>Informations de réservation :</b><br>{{ infos_resa_clean | raw }}
  70.                                     {% if reservation.birthdayCustomerComment is not null %}
  71.                                         <br><br><b>Votre commentaire anniversaire :</b><br>
  72.                                         <small><i>"{{ reservation.birthdayCustomerComment }}"</i></small>
  73.                                     {% endif %}
  74.                                 {% else %}
  75.                                 <b>Date de réservation :</b> {{date_resa}}
  76.                                     à {{creneau_resa}}
  77.                                 {% endif %}
  78.                             </div>
  79.                         </div>
  80.                         
  81.                         <div class="col-md-6 pr-0">
  82.                             <div id="paiement" class="p-4 border border-grey rounded bg-white">
  83.                                 <h5>Récapitulatif de paiement</h5>
  84.                                 {% if carte_1055 == true %}
  85.                                     <p class='text-success'>Votre réservation est confirmée. Merci !</p>
  86.                                     <p class="mt-4 mb-1 tva-info">
  87.                                         Montant total HT : {{reservation_montant_ht}}<br>
  88.                                         Montant de TVA : {{reservation_montant_tva}}
  89.                                     </p>
  90.                                     <h5 class="mt-1">Montant total TTC : {{reservation_montant}}</h5>
  91.                                     <h6 class="mt-1 text-danger">Montant déduit de votre compte 1055 : {{reservation_montant}}</h5>
  93.                                 {% elseif panier_precommande == true %}
  95.                                     <h6 class='text-success'>Votre réservation est confirmée. Merci !</h6>
  96.                                     <p class="mt-4 mb-1 tva-info">
  97.                                         Montant total HT : {{reservation_montant_ht}}<br>
  98.                                         Montant de TVA : {{reservation_montant_tva}}
  99.                                     </p>
  100.                                     <h5 class="mt-1">Montant total TTC : {{reservation_montant}}</h5>
  101.                                     <h6 class="mt-1 text-danger">La totalité du montant est déduit en E-ticket</h6>
  103.                                 {% elseif transaction_ok == true %}
  104.                                     <p class='text-success'>Votre paiement a été accepté et votre réservation est confirmée. Merci !</p>
  105.                                     <p class="mt-4 mb-1 tva-info">
  106.                                         Montant total HT : {{reservation_montant_ht}}<br>
  107.                                         Montant de TVA : {{reservation_montant_tva}}
  108.                                     </p>
  109.                                     <h5 class="mt-1">Montant total TTC : {{reservation_montant}}</h5>
  110.                                     <h6 class="mt-1 text-success">Montant réglé : {{reservation_regle}}</h5>
  111.                                 {% else %}
  112.                                     <h5 class='text-danger d-block'>Un problème est survenu<br />lors de votre paiement.</h5>
  113.                                     <span class='text-muted'>Rassurez-vous <b>votre réservation a été confirmée</b>. Cependant, nous vous demanderons <b>de bien vouloir régler la totalité de
  114.                                     la transaction à la caisse lors de votre arrivée à l'établissement.</b></span><br />
  115.                                     <p class="mt-1">Montant à régler : {{reservation_montant}}</p>
  116.                                     {% if failure_id is not null %}Erreur : {{failure_id}} {% endif %}
  117.                                 {% endif %}                         
  118.                             </div>
  119.                         </div>
  120.                     </div>                  
  122.                     <div class="row mx-1 my-3">
  123.                         <div class="col-md-12 px-0">
  124.                             <div id="activities" class="p-4 border border-grey rounded bg-white">
  125.                                 <div class="d-flex justify-content-between align-items-center">
  126.                                     <h5>Récapitulatif de votre achat</h5>
  127.                                     <span class='text-muted'>Total TTC</span>
  128.                                 </div>
  129.                                 <ul class="list-group list-group-flush">
  130.                                 {% for activity in reservation.reservationDetails %}
  131.                                     <li class="list-group-item d-flex justify-content-between align-items-center {% if activity.parent == false %}bg-light{% endif %}">
  132.                                         <div>
  133.                                             {% if activity.parent %}
  134.                                                 - <span class="badge badge-primary badge-pill">{{activity.quantity}}</span> x <span>{{activity.designation}}{% if activity.puTTC %} : {{activity.puTTC}} €{% endif %}</span>
  135.                                             {% else %}
  136.                                                 <span class="h5">{{activity.designation}}</span>
  137.                                             {% endif %}
  138.                                         </div>
  139.                                         {% if activity.parent %}
  140.                                             <span class="">{% if activity.puTTC %}{{ activity.puTTC * activity.quantity }} €{% endif %}</span>
  141.                                         {% else %}
  142.                                             <span class="">{% if activity.totalTTC %}{{ activity.totalTTC }} €{% endif %}</span>
  143.                                         {% endif %}
  144.                                     </li>
  145.                                 {% endfor %}
  146.                                 </ul>
  147.                             </div>
  148.                         </div>
  149.                     </div>  
  151.                     {% if reservation.bookedActivity|length >= 1 %}                 
  152.                     <div class="row mx-1 my-3">
  153.                         <div class="col-md-12 px-0">
  154.                             <div id="activities" class="p-4 border border-grey rounded bg-white">
  155.                                 <div class="d-flex justify-content-between align-items-center">
  156.                                     <h5>Récapitulatif des activités</h5>
  157.                                     <span class='text-muted'>Nbre participants</span>
  158.                                 </div>
  159.                                 <ul class="list-group list-group-flush">
  160.                                 {% for activite in reservation.bookedActivity %}
  161.                                     <li class="list-group-item d-flex justify-content-between align-items-center">
  162.                                         <div>
  163.                                             {{activite.designation}}<br />
  164.                                             {% if activite.creneaustring != null and 'anniversaire' not in reservation.formule %}
  165.                                             <div class='text-muted d-flex justify-content-between'>Créneau réservé : <b>{{activite.creneaustring}}</b></div>
  166.                                             {% endif %}
  167.                                             {% if 'anniversaire' in reservation.formule %}
  168.                                             <div class='text-muted d-flex justify-content-between'>Nbre participants : <span><span class="badge badge-primary badge-pill">{{activite.quantity}}</span> personne(s)</span></div>
  169.                                             {% endif %}
  170.                                             {% if activite.creneaustring != null %}
  171.                                             <div class='text-muted d-flex justify-content-between'>Nombre de parties : <span><span class="badge badge-primary badge-pill">{{activite.nbreparties}}</span> partie(s)</span></div>
  172.                                             {% endif %}
  173.                                             {% for option in activite.bookedActivityOptions %}
  174.                                                 <span class='text-muted'>{{option.designation}} : {{option.quantity}}</span><br />
  175.                                             {% endfor %}
  176.                                         </div>
  177.                                         <span class="badge badge-primary badge-pill">{{activite.quantity}}</span>
  178.                                     </li>
  179.                                 {% endfor %}
  180.                                 </ul>
  181.                                 {#% if reservation.formule == 'anniversaire' %}
  182.                                 <p><b>Merci de nous recontacter 72h à l'avance pour confirmer le nombre d'enfants au 03 84 87 10 55</b></p>
  183.                                 {% endif %#}
  184.                             </div>
  185.                         </div>
  186.                     </div>                      
  187.                     {% endif %}
  189.                     {# <div class="row mx-1 mt-2">
  190.                         <div id="resaBox" class="col-md-12 pl-4 pr-4 pb-4 pt-4 border border-grey rounded bg-white d-flex">
  191.                             Vous pouvez imprimer votre confirmation en cliquant sur l'icône ci-contre : <a href="{{print_url}}" target="_blank" class="ml-3 pl-3 border-left border-grey"><i class="fas fa-print fs-3"></i></a>
  192.                         </div>
  193.                     </div> #}
  194.             </div>
  195.            {% else %}
  196.             <div class="col-md-8 mx-auto">
  197.                     <h4 class="mb-3">Erreur !!</h4>
  198.                     {{error}}
  199.             </div>
  200.             {% endif %}
  201.           </div>
  202.           
  203.           <div class="row">
  204.             <div class="col-md-8 mx-auto mt-3 text-center"><a href="https://www.1055.fr">> Consulter le site internet du 1055 <</a></div>
  205.           </div>
  207.           <footer class="my-5 text-muted text-center text-small">
  208.             {# {{ include('booking/footer.html.twig') }} #}
  209.           </footer>
  210.     </div>
  211.     {% endblock %}
  212.     </body>
  213. </html>