templates/Default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout-hp.html.twig' %}
  2. {% block title %}Votre cantine Healthy connectée{% endblock %}
  3. {% block body %}
  4. <style>
  5. #faq{max-width:680px;margin-top:20px}
  6. .faq{margin-top:20px}
  7. .faq strong{display:block;background:#313131;padding:20px;color:white;transition:.3s}
  8. .faq.active strong{background:var(--principale)}
  9. .faq p{display:none;padding-left:20px;padding-right:20px}
  10. .faq.active p{display:block}
  11. </style>
  12. <div id="faq" class="largeur">
  13.     <h3 style="text-align:center;text-transform:uppercase;font-size:30px;padding-top:20px;padding-bottom:10px">Frequently Asked Questions</h3>
  14.     <div class="faq active">
  15.         <strong>Getting started?</strong>
  16.         <p>As a <b>student</b> or a <b>staff</b> member, you will have a total control on your account's balance and you will be able to track your orders easily. 
  17.         As a <b>parent</b> you will have a real time access to watch your children's daily healthy meals consumption.</p>
  18.     </div>
  19.     <div class="faq">
  20.         <strong>Who we are?</strong>
  21.         <p>B'healthy is the official food provider for Rabat American School, undertaking the school canteen and cafeteria by offering a variety of healthy, tasty dishes and a delicious selection of snacks.</p>
  22.     </div>
  23.     <div class="faq">
  24.         <strong>Top-up my balance?</strong>
  25.         <p>Students & staff won't be able to pay on the spot with cash or credit card!
  26.         In order to take advantage of our cashless system, we have made a fully online wallet that can be <u class="open-popin-inscription">topped-up</u> on demand.
  27.         Students will be pay all our available products, using their id cards only.</p>
  28.     </div>
  29.     <div class="faq">
  30.         <strong>I'm a parent?</strong>
  31.         <p>You will need to <u class="open-popin-inscription">top-up</u> your child's balance first to create an account.
  32.         Then you will receive an email with a password therefore be able to login and track your transaction and eating history and top-up on demand your child's balance.
  33.         Click on <u class="open-popin-inscription">"Top-up"</u> and fill in your information, then select the wanted amount and proceed to payment
  34.         </p>
  35.     </div>
  36.     <div class="faq">
  37.         <strong>I'm a staff member?</strong>
  38.         <p>
  39.         After receiving your password via email, you will be able to login and track your transaction and eating history and you will also be able to top-up your balance.
  40.         If, for some reason, you din't have access to this mail, you can ask for a <u class="open-popin-lost-password">new password</u>
  41.         </p>
  42.     </div>
  43.     <div class="faq">
  44.         <strong>How to check my transactions?</strong>
  45.         <p><u class="open-popin-login">Login to your account</u> and click on to check the transactions history linked to the ID number</p>
  46.     </div>
  47.     <div class="faq">
  48.         <strong>How to track my orders?</strong>
  49.         <p><u class="open-popin-login">Login to your account</u> and click on to track the eating history linked to the ID number</p>
  50.     </div>
  51.     <div class="faq">
  52.         <strong>I forgot my password?</strong>
  53.         <p>Click on <u class="open-popin-lost-password">"forgot password"</u> and fill in your email to receive a valid link to create a new password.</p>
  54.     </div>
  55.     <div class="faq">
  56.         <strong>How do I pay by credit card?</strong>
  57.         <p>Credit card payments can be made online through the secure Billing interface within Payzone platform. This secure interface is protected by SSL. Simply input your credit card information.
  58.         Credit cards are charged just before statements are sent out. The results of the charge are included directly in the statement.
  59.         The payment is secured by Payzone, we accept Discover, Mastercard, Visa or American Express.</p>
  60.     </div>
  61. </div>
  62. {% if cantine_menu %}
  63.     <div style="background:var(--principale);color:white;text-align:center;padding:10px;margin-top:20px">
  64.         <div class="largeur">
  65.             <a href="/menu/{{ cantine_menu.url }}" style="color:white;font-weight:bold;font-size:34px;text-decoration:none;text-transform:uppercase" target="_blank">Current Menu</a>
  66.         </div>
  67.     </div>
  68. {% endif %}
  69. {% endblock %}
  70. {% block footer %}
  71. <script>
  72. $('.faq').click(function() {
  73.     if(!$(this).hasClass('active')) {
  74.         $('.faq').removeClass('active');
  75.         $(this).addClass('active');
  76.     }
  77. });
  78. var selectClick=false;
  79. var selectClickDiv=false;
  80. function initiateSelect() {
  81.     $(".custom-select").each(function(i) {
  82.         var select_right_menu=false;
  83.         var thisElem=$(this);
  84.         if(thisElem.attr('id')=="selector-center") select_right_menu=true;
  85.         isInitiated=thisElem.find('.select-selected');
  86.         if(isInitiated.length==0) {
  87.             var selElmnt=thisElem.find('select');
  88.             selElmntSelected=thisElem.find('select option:selected');
  89.             var html='';
  90.             selElmnt.find('option').each(function(i1) {
  91.                 if($(this).attr('class')) html+='<div data-value="'+$(this).attr('value')+'" class="'+$(this).attr('class')+'">'+$(this).html()+'</div>';
  92.                 else html+='<div data-value="'+$(this).attr('value')+'">'+$(this).html()+'</div>';
  93.             });
  94.             thisElem.append('<div class="select-selected">'+selElmntSelected.html()+'</div>');
  95.             thisElem.append('<div class="select-items select-hide">'+html+'</div>');
  96.             
  97.             thisElem.find('.select-items div').click(function(e) {
  98.                 e.preventDefault();
  99.                 closeAllSelect();
  100.                 thisElem.find('.select-selected').html($(this).html());
  101.                 selElmnt.val($(this).attr('data-value'));
  102.                 selElmnt.trigger("change");
  103.                 selectClickDiv=true;
  104.                 setTimeout(function(){ selectClickDiv=false; }, 500);
  105.             });
  106.             thisElem.click(function(e) {
  107.                 e.preventDefault();
  108.                 if(!selectClickDiv) {
  109.                     var clickElem=$(this).find('.select-items');
  110.                     if(clickElem.hasClass('select-hide')) {
  111.                         closeAllSelect();
  112.                         clickElem.removeClass('select-hide');
  113.                         selectClick=true;
  114.                         setTimeout(function(){ selectClick=false; }, 500);
  115.                     }
  116.                     else closeAllSelect();
  117.                 }
  118.             });
  119.         }
  120.     });
  121. }function closeAllSelect() {
  122.     selectClick=false;
  123.     $(".select-items").addClass('select-hide');
  124. }
  125. $('body').on('click', function(e) {
  126.     if(!selectClick) closeAllSelect();
  127. });
  128. initiateSelect();
  129. if($(window).width()<=1024) $('#faq').css('margin-top', $('#triple-block').height()-160);
  130. else $('#faq').css('margin-top', 0);
  131. $(window).resize(function() {
  132.     if($(window).width()<=1024) $('#faq').css('margin-top', $('#triple-block').height()-160);
  133.     else $('#faq').css('margin-top', 0);
  134. });
  135. </script>
  136. {% endblock %}