templates/includes/footer.html.twig line 1

Open in your IDE?
  1. <!--Start Footer-->
  2. {# <script src="/static/assets/js/jquery-3.6.0.min.js"></script> #}
  3. {# <script src='/static/assets/js/app.js'> </script> #}
  4. <style>:target
  5. {
  6.     padding-top: 100px;
  7. }</style><script></script><!-- Modal Share Attribute -->
  8. <style type="text/css" scoped>
  9.     .mauticform_wrapper { max-width: 600px; margin: 10px 0; }
  10.     .mauticform-innerform {}
  11.     .mauticform-post-success {}
  12.     .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
  13.     .mauticform-description { margin-top: 2px; margin-bottom: 10px; }
  14.     .mauticform-error { margin-bottom: 10px; color: red; }
  15.     .mauticform-message { margin-bottom: 10px;color: green; }
  16.     .mauticform-row { display: block; margin-bottom: 20px; }
  17.     .mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
  18.     .mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
  19.     .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
  20.     .mauticform-errormsg { display: block; color: red; margin-top: 2px; }
  21.     .mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
  22.     .mauticform-checkboxgrp-row {}
  23.     .mauticform-checkboxgrp-label { font-weight: normal; }
  24.     .mauticform-checkboxgrp-checkbox {}
  25.     .mauticform-radiogrp-row {}
  26.     .mauticform-radiogrp-label { font-weight: normal; }
  27.     .mauticform-radiogrp-radio {}
  28.     .mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
  29.     .mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  30.     .mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
  31.     .mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }
  32. </style><style type="text/css" scoped>
  33.     .mauticform-field-hidden { display:none }
  34. </style>
  35. <script type="text/javascript">
  36.     /** This section is only needed once per page if manually copying **/
  37.     if (typeof MauticSDKLoaded == 'undefined') {
  38.         var MauticSDKLoaded = true;
  39.         var head            = document.getElementsByTagName('head')[0];
  40.         var script          = document.createElement('script');
  41.         script.type         = 'text/javascript';
  42.         script.src          = 'https://c2.goodycs.com/media/js/mautic-form.js?v3955f520';
  43.         script.onload       = function() {
  44.             MauticSDK.onLoad();
  45.         };
  46.         head.appendChild(script);
  47.         var MauticDomain = 'https://c2.goodycs.com';
  48.         var MauticLang   = {
  49.             'submittingMessage': "Please wait..."
  50.         }
  51.     }else if (typeof MauticSDK != 'undefined') {
  52.         MauticSDK.onLoad();
  53.     }
  54. </script>
  56. <div class="modal fade share_popup" id="myshare" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document">
  57.     <div class="btn-border">
  58.         <div class="modal-content">
  59.             <div class="modal-header">
  60.                 <h5 class="modal-title" id="head_title">{{'SHARE GOODY RECIPE WITH YOUR FRIENDS'|trans}}</h5>
  61.                 {# <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  62.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <span aria-hidden="true">&times;</span>
  63.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </button> #}
  64.             </div>
  65.             <div class="modal-body mdl-ss">
  66.                 <div class="container">
  67.                     <div class="row align-items-center">
  68.                         <div class="col-lg-4 col-sm-4 col-4 sp">
  69.                             <div class="m-img">
  71.                                 <a href="https://www.facebook.com/sharer/sharer.php?u=" id="facebook-share" class="facebook btnRecipeshare" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/popup-fb-icon.png" alt="popup-fb-icon"></a>
  72.                             </div>
  73.                         </div>
  74.                         <div class="col-lg-4 col-sm-4 col-4 sp">
  75.                             <div class="m-img">
  76.                                 <a href="https://twitter.com/intent/tweet?url=" id="twitter-share" class="twitter btnRecipeshare" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/popup-twitter-icon.png" alt="popup-twitter-icon"></a>
  77.                             </div>
  78.                         </div>
  79.                         <div class="col-lg-4 col-sm-4 col-4 sp">
  80.                             <div class="m-img">
  81.                                 <a href="https://wa.me/?text=" id="whatsapp-share" class="instagram " target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/popup-wa-icon.png" alt="popup icon"></a>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  88.         </div>
  89.     </div>
  90.     <button
  91.         type="button" class="close" data-dismiss="modal" aria-label="Close">
  92.         {# <span aria-hidden="true">&times;</span> #}
  93.         <img src="/static/assets/images/close-btn.png" aria-hidden="true" alt="close btn">
  94.     </button>
  95. </div></div><footer
  96. class="footer">
  98. <!--Start News Letter Section-->
  99. <div class="footer-newsletter">
  100.     <div class="container container-sm">
  102.         <div class="newsletter-info">
  104.             <h3>{{'Join the professional circle today'|trans}}</h3>
  105.             {# <h3>Sign up for Goody's newsletter</h3> 
  106.                                                                                                                                                                                                                                                                                                                                                             
  107.                                                                                                                                                                                                                                                                                                                                                                         <p>to receive our latest news and updates, join the professional circle today.</p> #}
  109.             <div class="newsletter-subscribe">
  110.                 <h4>{{'news letter title'|trans}}</h4>
  111.                 <div id="mauticform_wrapper_goodycsnewsletterform" class="mauticform_wrapper">
  112.                  <form autocomplete="false" role="form" method="post" action="https://c2.goodycs.com/form/submit?formId=2" id="mauticform_goodycsnewsletterform" data-mautic-form="goodycsnewsletterform" enctype="multipart/form-data">
  113.                  <div class="mauticform-innerform">
  114.             
  115.                     <div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1">
  117.                         <div id="mauticform_goodycsnewsletterform_email" data-validate="email" data-validation-type="email" class="mauticform-row mauticform-email mauticform-field-1 mauticform-required">
  118.                             <div class="newsletter-input">
  120.                             <input id="mauticform_input_goodycsnewsletterform_email" name="mauticform[email]" value="" placeholder="{{'News letter placeholder'|trans}}" class="form-control mauticform-input" type="email" required>
  121.                             <div id="mauticform_goodycsnewsletterform_submit" class="mauticform-row mauticform-button-wrapper mauticform-field-2">
  122.                             <button type="submit" name="mauticform[submit]" id="mauticform_input_goodycsnewsletterform_submit" value="" class="tn btn-custom btn-subscribe mauticform-button btn btn-default">{{'signup'|trans}}</button>
  123.                         </div>
  124.                             </div>
  125.                         </div>
  127.                         
  128.                         </div>
  129.                     </div>
  131.                     <input type="hidden" name="mauticform[formId]" id="mauticform_goodycsnewsletterform_id" value="2">
  132.                     <input type="hidden" name="mauticform[return]" id="mauticform_goodycsnewsletterform_return" value="">
  133.                     <input type="hidden" name="mauticform[formName]" id="mauticform_goodycsnewsletterform_name" value="goodycsnewsletterform">
  134.                         <div class="alert-success ml-0" id="success-alertt-newsletter">
  135.                         <div class="mauticform-error" id="mauticform_goodycsnewsletterform_error"></div>
  137.                         <div class="mauticform-message" id="mauticform_goodycsnewsletterform_message"></div>
  138.                         </div>
  139.                 </form>
  140.                 </div>
  141.                 {# <form action="/newsletter" method="POST" id="newsletter">
  142.                     <div class="newsletter-input">
  144.                         <input type="email" id="newsletterid" placeholder="{{'News letter placeholder'|trans}}" class="form-control" name="email">
  146.                         <button class="btn btn-custom btn-subscribe" type="submit">{{'signup'|trans}}</button>
  148.                     </div>
  150.                     <div class="alert alert-success ml-0" id="success-alertt-newsletter">
  151.                         <button class="close" data-dismiss="alert" type="button"></button>Thank you for subscribing our newsletter.</div>
  153.                     <span class="email-error text-danger error-color"></span>
  154.                 </form> #}
  155.             </div>
  157.         </div>
  159.     </div>
  160. </div>
  161. <!--End News Letter Section-->
  164. <!--Start Footer Links-->
  165. <div class="footer-links">
  166.     <div class="container container-sm">
  167.         <div class="row footer-links-holder px-4">
  168.             <div class="col-xl-2 col-sm-6 order-1">
  169.                 <div class="mx-0 footer-links-box footer-image footer-brand-dnone-image">
  170.                     <a href="/{{app.request.locale}}"><img src="/static/assets/images/logo_images/GCS_Logo_Footer-01.svg" alt="Goody Culinary Solutions"></a>
  171.                 </div>
  172.             </div>
  173.             <div class="col-xl-9 order-3 order-xl-2">
  174.                 <div class="row">
  175.                     <div class="col-xl col-md-4 col-sm-6 order-1 d-none">
  176.                         <div class="mx-0 links-1 footer-links-box">
  177.                             <h3>
  178.                                 <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  179.                             </h3>
  180.                         </div>
  181.                     </div>
  182.                     <div class="col-xl col-md-4 col-sm-6 order-3 order-xl-2">
  183.                         <div class="mx-0 links-2 footer-links-box">
  184.                             <h3>
  185.                                 <a href="/{{app.request.locale}}/products/">{{'Products'|trans}}</a>
  186.                             </h3>
  187.                             <ul class="list-unstyled">
  188.                                 {% for category in categories %}
  189.                                     <li>
  190.                                         <a href="/{{app.request.locale}}/products/{{ category.url }}">{{ category.name }}</a>
  191.                                     </li>
  192.                                 {% endfor %}
  193.                             </ul>
  194.                         </div>
  195.                     </div>
  196.                     <div class="col-xl col-md-4 col-sm-6 order-4 order-xl-3">
  197.                         <div class="mx-0 links-3 footer-links-box">
  198.                             <h3>
  199.                                 <a href="/{{app.request.locale}}/recipes">{{'recipes'|trans}}</a>
  200.                             </h3>
  201.                             <ul class="list-unstyled">
  202.                                 {# {% for recipe in recipes %} #}
  203.                                 {# <li><a href="/{{app.request.locale}}/all-recipes/{{recipe.url}}">{{ recipe.name }}</a></li> #}
  204.             
  205.                                     {% if recipescategory.data|length > 0 %}
  206.                                         {% for Recipescategory in recipescategory %}
  207.                                             <li>
  208.                                                 <a href="/{{app.request.locale}}/recipes/{{Recipescategory.cat_url}}"> {{Recipescategory.recipecategoryname}}</a>
  209.                                         </li>
  210.             
  211.                                     {% endfor %}
  212.             
  213.                                 {% endif %}
  214.                             </ul>
  215.                         </div>
  216.                     </div>
  217.                     <div class="col-xl col-md-4 col-sm-6 order-5 order-xl-4">
  218.                         <div class="mx-0 links-4 footer-links-box">
  219.                             <h3>{{'about-us'|trans}}</h3>
  220.                             <ul class="list-unstyled">
  221.                                 <li>
  222.                                     <a href="/{{app.request.locale}}/about-us">{{'About Goody'|trans}}</a>
  223.                                 </li>
  224.                                 <li class="d-none">
  225.                                     <a href="/{{app.request.locale}}/about-us#history">{{'GFS History'|trans}}</a>
  226.                                 </li>
  227.                                 <li>
  228.                                     <a href="/{{app.request.locale}}/about-us#vision-mission">{{'Vision/Mission/Values'|trans}}</a>
  229.                                 </li>
  230.                                 <li>
  231.                                     <a href="/{{app.request.locale}}/our-professional-chefs">{{'Our Chefs'|trans}}</a>
  232.                                 </li>
  233.                                 <li>
  234.                                     <a href="/{{app.request.locale}}/about-us#why-buy-from-us">{{'Why Buy From Us'|trans}}</a>
  235.                                 </li>
  236.                                 <li>
  237.                                     <a href="https://careers.basamh.com">{{'Careers'|trans}}</a>
  238.                                 </li>
  239.                                 {# <li><a href="javascript:void(0);">{{'Certifications'|trans}}</a></li> #}
  240.                             </ul>
  241.                         </div>
  242.                     </div>
  243.                     <div class="col-xl col-md-4 col-sm-6 order-6 order-xl-5">
  244.                         <div class="mx-0 links-5 footer-links-box">
  245.                             <h3>
  246.                                 <a href="/{{app.request.locale}}/professional-training">{{'Training'|trans}}</a>
  247.                             </h3>
  248.                             <ul
  249.                                 class="list-unstyled">
  250.                                 {# <li><a href="javascript:void(0);">{{'About the Trainings'|trans}}</a></li> #}
  251.                                 <li>
  252.                                     <a href="javascript:void(0);">{{'Videos'|trans}}</a>
  253.                                 </li>
  254.                                 <li>
  255.                                     <a href="javascript:void(0);">{{"Chef's special"|trans}}</a>
  256.                                 </li>
  257.                                 <li>
  258.                                     <a href="javascript:void(0);">{{'Category'|trans}}</a>
  259.                                 </li>
  260.                                 <li>
  261.                                     <a href="javascript:void(0);">{{'Most Popular'|trans}}</a>
  262.                                 </li>
  263.                                 <li>
  264.                                     <a href="javascript:void(0);">{{'Recently Added'|trans}}</a>
  265.                                 </li>
  266.                                 <li>
  267.                                     <a href="javascript:void(0);">{{'Trending'|trans}}</a>
  268.                                 </li>
  269.                                 <li>
  270.                                     <a href="/{{app.request.locale}}/events">{{'Events'|trans}}</a>
  271.                                 </li>
  272.                             </ul>
  273.                         </div>
  274.                     </div>
  275.                     <div class="col-xl col-md-4 col-sm-6 order-7 order-xl-6">
  276.                         <div class="mx-0 links-6 footer-links-box">
  277.                             <h3>
  278.                                 <a href="/{{app.request.locale}}/resources">{{'Resources'|trans}}</a>
  279.                             </h3>
  280.                                 <ul
  281.                                     class="list-unstyled">
  282.                                     <li>
  283.                                         <a href="/{{app.request.locale}}/resources#trending-section">{{'Trendings'|trans}}</a>
  284.                                     </li>
  285.                                     <li>
  286.                                         <a href="/{{app.request.locale}}/resources/business">{{'Business'|trans}}</a>
  287.                                     </li>
  288.                                     <li>
  289.                                         <a href="/{{app.request.locale}}/resources/management">{{'Management'|trans}}</a>
  290.                                     </li>
  291.                                 </ul>
  292.                         </div>
  293.                     </div>
  294.                     <div class="col-xl col-md-4 col-sm-6 order-8 order-xl-7 d-none">
  295.                         <div class="mx-0 links-7 footer-links-box d-none">
  296.                             <h3>{{'Tools'|trans}}</h3>
  297.                             <ul class="list-unstyled">
  298.                                 <li>
  299.                                     <a href="javascript:void(0);">{{'Menu Builder'|trans}}</a>
  300.                                 </li>
  301.                                 <li>
  302.                                     <a href="javascript:void(0);">{{'Profit Calculator'|trans}}</a>
  303.                                 </li>
  304.                                 <li>
  305.                                     <a href="javascript:void(0);">{{'Inventory Manager'|trans}}</a>
  306.                                 </li>
  307.                                 <li>
  308.                                     <a href="javascript:void(0);">{{'Training Suggester'|trans}}</a>
  309.                                 </li>
  310.                             </ul>
  311.                         </div>
  312.                     </div>
  313.                     <div class="col-xl col-md-4 col-sm-6 order-9 order-xl-8 d-none">
  314.                         <div class="mx-0 links-8 footer-links-box d-none">
  315.                             <h3>{{'Loyalty Program'|trans}}</h3>
  316.                             <ul class="list-unstyled">
  317.                                 <li>
  318.                                     <a href="/{{app.request.locale}}/loyalty-program">{{'About Program'|trans}}</a>
  319.                                 </li>
  320.                                 <li>
  321.                                     <a href="javascript:void(0);">{{'How to works'|trans}}</a>
  322.                                 </li>
  323.                                 <li>
  324.                                     <a href="javascript:void(0);">{{'Earn'|trans}}</a>
  325.                                 </li>
  326.                                 <li>
  327.                                     <a href="javascript:void(0);">{{'Redeem'|trans}}</a>
  328.                                 </li>
  329.                                 {# <li><a href="javascript:void(0);">{{'Register'|trans}}</a></li> #}
  330.                             </ul>
  331.                         </div>
  332.                     </div>
  333.                     <div class="col-xl col-md-4 col-sm-6 order-10 order-xl-9">
  334.                         <div class="mx-0 links-9 footer-links-box">
  335.                             <h3>{{'Account'|trans}}</h3>
  336.                             <ul class="list-unstyled">
  337.                                 <li>
  338.                                     <a href="/{{app.request.locale}}/signup">{{'Register'|trans}}</a>
  339.                                 </li>
  340.                                 <li>
  341.                                     <a href="/{{app.request.locale}}/signin">{{'Login'|trans}}</a>
  342.                                 </li>
  343.                                 {# <li><a href="/{{app.request.locale}}/loyalty-program#faqs">{{"FAQ's"|trans}}</a></li> #}
  344.                             </ul>
  345.                         </div>
  346.                     </div>
  347.                     <div class="col-xl col-md-8 col-sm-6 order-2 order-xl-10">
  348.                         <div class="mx-0 links-10 footer-links-box">
  349.                             <h3>
  350.                                 <a href="/{{app.request.locale}}/contact-us">{{'Contact Us'|trans}}</a>
  351.                             </h3>
  352.                         </div>
  353.                     </div>
  354.                 </div>
  355.             </div>
  356.             <div class="col-xl-1 col-sm-6 order-2 order-xl-3">
  357.                 <div class="mx-0 footer-links-box footer-extra-links">
  358.                     <!--Start Language Section-->
  359.                     <div class="clearfix">
  360.                         <ul
  361.                             class="list-unstyled lang-box">
  362.                             {% if (app.request.locale == 'en') %}
  363.                                 <li class="active">
  364.                                     <a href="javascript:void(0);">ENG</a>
  365.                                 </li>
  366.                                 <li>
  367.                                     <a href="/ar" class="langswitcherenar">العربية</a>
  368.                                 </li>
  369.                             {% else %}
  370.                                 <li>
  371.                                     <a href="/en" class="langswitcherenar">ENG</a>
  372.                                 </li>
  373.                                 <li class="active">
  374.                                     <a href="javascript:void(0);">العربية</a>
  375.                                 </li>
  376.                             {% endif %}
  377.                         </ul>
  378.                     </div>
  379.                     <!--End Language Section-->
  381.                     <!--Start Region Section-->
  382.                     <div class="clearfix">
  383.                         <div class="region-box">
  384.                             <select class="selectpicker" data-width="fit">
  385.                                 <option data-content='<span class="flag-icon flag-icon-sa"></span> KSA'>KSA</option>
  386.                                 {# <option data-content='<span class="flag-icon flag-icon-us"></span> USA'>USA</option> #}
  387.                             </select>
  388.                         </div>
  389.                     </div>
  390.                     <!--End Region Section-->
  392.                     <!--Start Social Section-->
  393.                     <div class="clearfix">
  394.                         <ul
  395.                             class="list-unstyled social-box">
  396.                             {# <li><a href="javascript:void(0);" target="_blank"><img src="/static/assets/images/facebook.svg"
  397.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     alt="Facebook" /></a></li> #}
  398.                             <li>
  399.                                 <a href="https://twitter.com/GoodyCS_SA" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/twitter.svg" alt="Twitter"/></a>
  400.                             </li>
  401.                             <li>
  402.                                 <a href="https://www.instagram.com/goodyculinarysolutions/" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/instagram.svg" alt="Instagram"/></a>
  403.                             </li>
  404.                             <li class="">
  405.                                 <a href="https://www.linkedin.com/company/goody-professional-solutions" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/linkedin.svg" alt="Linkedin"/></a>
  406.                             </li>
  408.                         </ul>
  409.                     </div>
  410.                     <!--End Social Section-->
  411.                 </div>
  412.             </div>
  413.         </div>
  414.         <div class="footer-links-holder d-none">
  415.             <div class="footer-links-box footer-image footer-brand-dnone-image">
  416.                 <a href="/{{app.request.locale}}"><img src="/static/assets/images/logo_images/GCS_Logo_Footer-01.svg" alt="Goody Culinary Solutions"></a>
  417.             </div>
  418.             <div class="links-1 footer-links-box">
  419.                 <h3>
  420.                     <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  421.                 </h3>
  422.             </div>
  423.             <div class="links-2 footer-links-box">
  424.                 <h3>
  425.                     <a href="/{{app.request.locale}}/products/">{{'Products'|trans}}</a>
  426.                 </h3>
  427.                 <ul class="list-unstyled">
  428.                     {% for category in categories %}
  429.                         <li>
  430.                             <a href="/{{app.request.locale}}/products/{{ category.url }}">{{ category.name }}</a>
  431.                         </li>
  432.                     {% endfor %}
  433.                 </ul>
  434.             </div>
  435.             <div class="links-3 footer-links-box">
  436.                 <h3>
  437.                     <a href="/{{app.request.locale}}/recipes">{{'recipes'|trans}}</a>
  438.                 </h3>
  439.                 <ul class="list-unstyled">
  440.                     {# {% for recipe in recipes %} #}
  441.                     {# <li><a href="/{{app.request.locale}}/all-recipes/{{recipe.url}}">{{ recipe.name }}</a></li> #}
  443.                         {% if recipescategory.data|length > 0 %}
  444.                             {% for Recipescategory in recipescategory %}
  445.                                 <li>
  446.                                     <a href="/{{app.request.locale}}/recipes/{{Recipescategory.cat_url}}"> {{Recipescategory.recipecategoryname}}</a>
  447.                             </li>
  449.                         {% endfor %}
  451.                     {% endif %}
  452.                 </ul>
  453.             </div>
  454.             <div class="links-4 footer-links-box">
  455.                 <h3>{{'about-us'|trans}}</h3>
  456.                 <ul class="list-unstyled">
  457.                     <li>
  458.                         <a href="/{{app.request.locale}}/about-us">{{'About Goody'|trans}}</a>
  459.                     </li>
  460.                     <li class="d-none">
  461.                         <a href="/{{app.request.locale}}/about-us#history">{{'GFS History'|trans}}</a>
  462.                     </li>
  463.                     <li>
  464.                         <a href="/{{app.request.locale}}/about-us#vision-mission">{{'Vision/Mission/Values'|trans}}</a>
  465.                     </li>
  466.                     <li>
  467.                         <a href="/{{app.request.locale}}/our-professional-chefs">{{'Our Chefs'|trans}}</a>
  468.                     </li>
  469.                     <li>
  470.                         <a href="/{{app.request.locale}}/about-us#why-buy-from-us">{{'Why Buy From Us'|trans}}</a>
  471.                     </li>
  472.                     <li>
  473.                         <a href="https://careers.basamh.com">{{'Careers'|trans}}</a>
  474.                     </li>
  475.                     {# <li><a href="javascript:void(0);">{{'Certifications'|trans}}</a></li> #}
  476.                 </ul>
  477.             </div>
  479.             <div class="links-5 footer-links-box">
  480.                 <h3>
  481.                     <a href="/{{app.request.locale}}/professional-training">{{'Training'|trans}}</a>
  482.                 </h3>
  483.                 <ul
  484.                     class="list-unstyled">
  485.                     {# <li><a href="javascript:void(0);">{{'About the Trainings'|trans}}</a></li> #}
  486.                     <li>
  487.                         <a href="javascript:void(0);">{{'Videos'|trans}}</a>
  488.                     </li>
  489.                     <li>
  490.                         <a href="javascript:void(0);">{{"Chef's special"|trans}}</a>
  491.                     </li>
  492.                     <li>
  493.                         <a href="javascript:void(0);">{{'Category'|trans}}</a>
  494.                     </li>
  495.                     <li>
  496.                         <a href="javascript:void(0);">{{'Most Popular'|trans}}</a>
  497.                     </li>
  498.                     <li>
  499.                         <a href="javascript:void(0);">{{'Recently Added'|trans}}</a>
  500.                     </li>
  501.                     <li>
  502.                         <a href="javascript:void(0);">{{'Trending'|trans}}</a>
  503.                     </li>
  504.                     <li>
  505.                         <a href="/{{app.request.locale}}/events">{{'Events'|trans}}</a>
  506.                     </li>
  507.                 </ul>
  508.             </div>
  510.             <div class="links-6 footer-links-box">
  511.                 <h3>
  512.                     <a href="/{{app.request.locale}}/resources">{{'Resources'|trans}}</h3>
  513.                     <ul
  514.                         class="list-unstyled">
  515.                         {# <li><a href="javascript:void(0);">{{'All Resources'|trans}}</a></li> #}
  516.                         <li>
  517.                             <a href="/{{app.request.locale}}/resources#trending-section">{{'Trendings'|trans}}</a>
  518.                         </li>
  519.                         <li>
  520.                             <a href="/{{app.request.locale}}/resources/business">{{'Business'|trans}}</a>
  521.                         </li>
  522.                         <li>
  523.                             <a href="/{{app.request.locale}}/resources/management">{{'Management'|trans}}</a>
  524.                         </li>
  525.                     </ul>
  526.             </div>
  528.             <div class="links-7 footer-links-box d-none">
  529.                 <h3>{{'Tools'|trans}}</h3>
  530.                 <ul class="list-unstyled">
  531.                     <li>
  532.                         <a href="javascript:void(0);">{{'Menu Builder'|trans}}</a>
  533.                     </li>
  534.                     <li>
  535.                         <a href="javascript:void(0);">{{'Profit Calculator'|trans}}</a>
  536.                     </li>
  537.                     <li>
  538.                         <a href="javascript:void(0);">{{'Inventory Manager'|trans}}</a>
  539.                     </li>
  540.                     <li>
  541.                         <a href="javascript:void(0);">{{'Training Suggester'|trans}}</a>
  542.                     </li>
  543.                 </ul>
  544.             </div>
  546.             <div class="links-8 footer-links-box d-none">
  547.                 <h3>{{'Loyalty Program'|trans}}</h3>
  548.                 <ul class="list-unstyled">
  549.                     <li>
  550.                         <a href="/{{app.request.locale}}/loyalty-program">{{'About Program'|trans}}</a>
  551.                     </li>
  552.                     <li>
  553.                         <a href="javascript:void(0);">{{'How to works'|trans}}</a>
  554.                     </li>
  555.                     <li>
  556.                         <a href="javascript:void(0);">{{'Earn'|trans}}</a>
  557.                     </li>
  558.                     <li>
  559.                         <a href="javascript:void(0);">{{'Redeem'|trans}}</a>
  560.                     </li>
  561.                     {# <li><a href="javascript:void(0);">{{'Register'|trans}}</a></li> #}
  562.                 </ul>
  563.             </div>
  565.             <div class="links-9 footer-links-box">
  566.                 <h3>{{'Account'|trans}}</h3>
  567.                 <ul class="list-unstyled">
  568.                     <li>
  569.                         <a href="/{{app.request.locale}}/signup">{{'Register'|trans}}</a>
  570.                     </li>
  571.                     <li>
  572.                         <a href="/{{app.request.locale}}/signin">{{'Login'|trans}}</a>
  573.                     </li>
  574.                     {# <li><a href="/{{app.request.locale}}/loyalty-program#faqs">{{"FAQ's"|trans}}</a></li> #}
  575.                 </ul>
  576.             </div>
  578.             <div class="links-10 footer-links-box">
  579.                 <h3>
  580.                     <a href="/{{app.request.locale}}/contact-us">{{'Contact Us'|trans}}</a>
  581.                 </h3>
  583.             </div>
  585.                 <div class="footer-links-box footer-extra-links">
  586.                     <!--Start Language Section-->
  587.                     <div class="clearfix">
  588.                         <ul
  589.                             class="list-unstyled lang-box">
  590.                             {% if (app.request.locale == 'en') %}
  591.                                 <li class="active">
  592.                                     <a href="javascript:void(0);">ENG</a>
  593.                                 </li>
  594.                                 <li>
  595.                                     <a href="/ar" class="langswitcherenar">العربية</a>
  596.                                 </li>
  597.                             {% else %}
  598.                                 <li>
  599.                                     <a href="/en" class="langswitcherenar">ENG</a>
  600.                                 </li>
  601.                                 <li class="active">
  602.                                     <a href="javascript:void(0);">العربية</a>
  603.                                 </li>
  604.                             {% endif %}
  605.                         </ul>
  606.                     </div>
  607.                     <!--End Language Section-->
  609.                     <!--Start Region Section-->
  610.                     <div class="clearfix">
  611.                         <div class="region-box">
  612.                             <select class="selectpicker" data-width="fit">
  613.                                 <option data-content='<span class="flag-icon flag-icon-sa"></span> KSA'>KSA</option>
  614.                                 {# <option data-content='<span class="flag-icon flag-icon-us"></span> USA'>USA</option> #}
  615.                             </select>
  616.                         </div>
  617.                     </div>
  618.                     <!--End Region Section-->
  620.                     <!--Start Social Section-->
  621.                     <div class="clearfix">
  622.                         <ul
  623.                             class="list-unstyled social-box">
  624.                             {# <li><a href="javascript:void(0);" target="_blank"><img src="/static/assets/images/facebook.svg"
  625.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     alt="Facebook" /></a></li> #}
  626.                             <li>
  627.                                 <a href="https://twitter.com/GoodyCS_SA" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/twitter.svg" alt="Twitter"/></a>
  628.                             </li>
  629.                             <li>
  630.                                 <a href="https://www.instagram.com/goodyculinarysolutions/" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/instagram.svg" alt="Instagram"/></a>
  631.                             </li>
  632.                             <li class="">
  633.                                 <a href="https://www.linkedin.com/company/goody-professional-solutions" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/linkedin.svg" alt="Linkedin"/></a>
  634.                             </li>
  636.                         </ul>
  637.                     </div>
  638.                     <!--End Social Section-->
  639.                 </div>
  640.             </div>
  641.             {# Footer brand section added  #}
  642.             <div class="footer-brands-div">
  643.                 {# <div class="footer-brands-div--img-div">
  644.                     <img class="footer-brands-div--img-div--image" src="/static/assets/images/gcs_logo_footer_brands.png"/>
  645.                 </div>
  647.                 <div class="footer-brands-div--img-div">
  648.                     <img class="footer-brands-div--img-div--image goody-bucket-logo-brand-img"  src="/_default_upload_bucket/102x118.png"/>
  649.                 </div>
  651.                 <div class="footer-brands-div--img-div">
  652.                     <img class="footer-brands-div--img-div--image treva-logo-brand-img"  src="/static/assets/images/treva_footer_brand_revised.png"/>
  653.                 </div>
  655.                 <div class="footer-brands-div--img-div">
  656.                     <img class="footer-brands-div--img-div--image cofique-logo-brand-img"  src="/static/assets/images/cofique_footer_brand.png"/> 
  657.                 </div> #}
  658.                 
  659.               <div>
  660.                   <img class="footer-brand-logos-img-eng" src="/static/assets/images/footer_english.jpg" alt="Goody Culinary Solutions"/>
  661.                   <img class="footer-brand-logos-img-arabic" src="/static/assets/images/footer_arabic.jpg" alt="قودي"/>
  662.               </div>
  664.             </div>
  665.             <div class="payment-info"> 
  666.                 <div class="contact-info">
  667.                     <strong class="text">{{'please contact us:'|trans}}</strong>
  668.                     <span>@
  669.                         <strong>
  670.                             <a href="tel:+966537310415" dir="ltr">+966537310415</a>
  671.                             |{{'email us '|trans}}<span class="side-bar">|</span>
  672.                         </strong>
  673.                     </span>
  674.                     <span>@
  675.                         <strong>
  676.                             <a href="mailto:&#103;&#099;&#115;&#064;&#103;&#111;&#111;&#100;&#121;&#046;&#099;&#111;&#109;&#046;&#115;&#097;">gcs<!-- >@. -->@<!-- >@. -->goody<!-- >@. -->.<!-- >@. -->com<!-- >@. -->.<!-- >@. -->sa</a>
  677.                         </strong>
  678.                     </span>
  679.                 </div>
  681.                 {# <img src="/static/assets/images/payment.png" alt=""> #}
  682.             </div>
  683.         </div>
  684.     </div>
  685.     <!--End Footer Links-->
  687.     <!--Start Copyright Section-->
  688.     <div class="copyright-section">
  689.         <div class="container container-sm">
  690.             <span>&copy; {{ "now"|date('Y') }}
  691.                 {{'All Rights Reserved'|trans}}</span>
  692.             {# <ul class="list-unstyled">
  693.                 <li><a href="#">Privacy Policy</a></li>
  694.                 <li><a href="#">Terms of Use</a></li>
  695.                 <li><a href="#">Cookies Policy</a></li>
  696.             </ul> #}
  697.         </div>
  698.     </div>
  699.     <!--End Copyright Section-->
  701. </footer>
  702. <span class='d-none' id='langueage'>{{app.request.locale}}</span>
  703. <!--End Footer-->
  704. {# </div> #}
  705. <!--End Wrapper-->
  706. <!--Start JQuery Libraries-->
  708. <!--all script links added in  layout.html.twig file-->
  711. <!--End JQuery Libraries-->