templates/Front/Shop/v2/_footer.html.twig line 1

Open in your IDE?
  1. <div class="custom-container">
  2.     <footer id="app-footer">
  3.         <div class="row pt-md-5 pt-lg-5 mb-2" id="footerAccordion">
  4.             {{ sonata_block_render_event('sylius.shop.layout.before_footer') }}
  6.             <div class="card col-lg-3 col-md-4 col-sm-12 col-12 mb-1 mb-md-0 pl-0 pr-0">
  7.                 <div class="card-header" id="headingAboutUs">
  8.                     <h4 class="text-primary mb-0">
  9.                         <button class="btn btn-link" data-toggle="collapse" data-target="#aboutUs" aria-expanded="true" aria-controls="collapseOne">
  10.                             <strong>{{ 'app.ui.about_us'|trans|upper }}</strong>
  11.                             <i class="ic-arrow-down"></i>
  12.                         </button>
  13.                     </h4>
  14.                 </div>
  16.                 <div id="aboutUs" class="collapse" aria-labelledby="headingAboutUs" data-parent="#footerAccordion">
  17.                     <div class="card-body">
  18.                         <div class="d-flex flex-column">
  19.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Despre-noi'})}}">{{ 'app.ui.about_us'|trans }}</a>
  20.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'servicii-firme'})}}">{{ 'app.ui.company_services'|trans }}</a>
  21.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Rovinieta-online'})}}">{{ 'app.ui.rovignette_online'|trans }}</a>
  22.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Vignete-europa'})}}">{{ 'app.ui.vignette_europe'|trans }}</a>
  23.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'publicitate'})}}">{{ 'app.ui.ads'|trans }}</a>
  24.                             {% if isTicketing is defined and isTicketing == "true"%}
  25.                             {% else %}
  26.                                 <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'locatii-scala-pay'})}}">{{ 'app.ui.scala_pay_locations'|trans }}</a>
  27.                             {% endif %}
  28.                             <br>
  29.                             {% if isTicketing is defined and isTicketing == "true"%}
  30.                                 <p class="text-muted">{{'app.ui.scala_assistance_ticketing'|trans}} {{'app.ui.srl'|trans}}</p>
  31.                                 <p class="text-muted" >R.C: {{trade_register_number_ticketing}},<br> C.U.I: {{cif_ticketing}}</p>
  32.                             {% else %}
  33.                                 <p class="text-muted">{{'app.ui.scala_assistance'|trans}} {{'app.ui.srl'|trans}}</p>
  34.                                 <p class="text-muted" >R.C: {{trade_register_number}},<br> C.U.I: {{cif}}</p>
  35.                             {% endif %}
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  41.             <div class="card col-lg-3 col-md-4 col-sm-12 col-12 mb-1 mb-md-0 pl-0 pr-0">
  42.                 <div class="card-header" id="headingLegislation">
  43.                     <h4 class="text-primary mb-0">
  44.                         <button class="btn btn-link" data-toggle="collapse" data-target="#legislation" aria-expanded="false" aria-controls="collapseTwo">
  45.                             <strong>{{ 'app.ui.legislation'|trans|upper }}</strong>
  46.                             <i class="ic-arrow-down"></i>
  47.                         </button>
  48.                     </h4>
  49.                 </div>
  50.                 <div id="legislation" class="collapse" aria-labelledby="headingLegislation" data-parent="#footerAccordion">
  51.                     <div class="card-body">
  52.                         <div class="d-flex flex-column">
  53.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'descarca-rovinieta'})}}">{{ 'app.ui.download_vignette'|trans }}</a>
  54.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'termeni-si-conditii'})}}">{{ 'app.ui.terms_and_conditions'|trans }}</a>
  55.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'securitate'})}}">{{ 'app.ui.security'|trans }}</a>
  56.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'protectia-datelor'})}}">{{ 'app.ui.gdpr'|trans }}</a>
  57.                             <a class="text-muted" href="https://www.anpc.gov.ro/">{{ 'app.ui.consumer_protection'|trans }}</a>
  58.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'certificare-iso'})}}">{{ 'app.ui.iso_9001'|trans }}</a>
  59.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'politica-cookies'})}}">{{ 'app.ui.cookie'|trans }}</a>
  60.                             {% if isTicketing is defined and isTicketing == "true"%}
  61.                             {% else %}
  62.                                 <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'termeni-si-conditii-procedura-de-solutionare-a-petitiilor'})}}">{{ 'app.ui.baar_rca'|trans }}</a>
  63.                             {% endif %}
  64.                             <div class="mt-2 d-flex align-items-center justify-content-lg-between flex-nowrap">
  65.                                 <a class="mr-2" href="https://anpc.ro/ce-este-sal/" title="sal" target="_blank">
  66.                                     <img class="img-fluid legal-instance-btn" src="{{ asset('assets/shop/images/icons/sal-pictograma.png') }}"/>
  67.                                 </a>
  68.                                 <a href="https://ec.europa.eu/consumers/odr/main/index.cfm?event=main.home2.show&lng=RO" title="sol" target="_blank">
  69.                                     <img class="img-fluid legal-instance-btn" src="{{ asset('assets/shop/images/icons/sol-pictograma.png') }}"/>
  70.                                 </a>
  71.                             </div>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  77.             <div class="card col-lg-3 col-md-4 col-sm-12 col-12 mb-1 mb-md-0 pl-0 pr-0">
  78.                 <div class="card-header" id="headingUsefulInfo">
  79.                     <h4 class="text-primary mb-0">
  80.                         <button class="btn btn-link" data-toggle="collapse" data-target="#usefulInfo" aria-expanded="false" aria-controls="collapseThree">
  81.                             <strong>{{ 'app.ui.useful_info'|trans }}</strong>
  82.                             <i class="ic-arrow-down"></i>
  83.                         </button>
  84.                     </h4>
  85.                 </div>
  86.                 <div id="usefulInfo" class="collapse" aria-labelledby="headingUsefulInfo" data-parent="#footerAccordion">
  87.                     <div class="card-body">
  88.                         <div class="d-flex flex-column">
  89.                             {% if app.request.locale|slice(0, 2) == 'ro'%}<a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show_faq')}}">{{ 'app.ui.faq'|trans }}</a> {% endif %}
  90.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'rovinieta-pret'})}}">{{ 'app.ui.how_much_vignette'|trans }}</a>
  91.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Legislatie'})}}">{{ 'app.ui.legislation'|trans }}</a>
  92.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Alerte-de-expirare'})}}">{{ 'app.ui.vignette_alert'|trans }}</a>
  93.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'webmaster'})}}">{{ 'app.ui.webmaster'|trans }}</a>
  94.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'cariera'})}}">{{ 'app.ui.carrier'|trans }}</a>
  95.                             {% if isTicketing is defined and isTicketing == "true"%}
  96.                             {% else %}
  97.                                 <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'clienti-rau-platnici'})}}">{{ 'app.ui.client_black_list'|trans }}</a>
  98.                             {% endif %}
  99.                             <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'informari-si-articole'})}}">{{ 'app.ui.informations_and_articles'|trans }}</a>
  100.                             {% if isTicketing is defined and isTicketing == "true"%}
  101.                             {% else %}
  102.                                 <a class="text-muted" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'arhiva-comunicate-de-presa'})}}">{{ 'app.ui.press_releases_archive'|trans }}</a>
  103.                             {% endif %}
  104.                             <p class="text-white">{{ 'app.ui.exchange_rate'|trans }}: 1 EURO - {{ exchange_rate.exchangeRateRonEur }} LEI</p>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  110.             <div class="col-lg-3 col-md-12 col-sm-12 col-12 mt-md-3 d-none d-md-block">
  111.                 <form id="formSubscribeToNewsletter" method="post" action="{{ path('app_shop_subscribe_to_newsletter') }}">
  112.                     <div id="mc_embed_signup_scroll">
  113.                         <div class="row">
  114.                             <div class="col-12">
  115.                                 <h4 class="font-weight-bolder text-white mb-2">
  116.                                     {{'app.ui.news'|trans}}
  117.                                 </h4>
  118.                                 <h6 class="mb-2 text-white">
  119.                                     {{'app.ui.newsletter_subscribe'|trans|raw}}
  120.                                 </h6>
  121.                             </div>
  122.                         </div>
  123.                         <div class="mc-field-group row mb-5 mt-2">
  124.                             <div class="col-12">
  125.                                 <input type="email" style="background-color: #E2E2E2;" value="" name="email" class="required email form-control my-3 w-100" placeholder="{{ 'app.ui.email_address'|trans }}">
  126.                             </div>
  127.                         </div>
  128.                         <div class="row">
  129.                             <div class="col-12 ml-2">
  130.                                 <input type="submit" value="{{'app.ui.subscribe_wish'|trans}}" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary w-100" style="margin-left: -5px; margin-top: -10px; border:none;">
  131.                             </div>
  132.                         </div>
  133.                     </div>
  134.                 </form>
  135.             </div>
  137.             {{ sonata_block_render_event('sylius.shop.layout.after_footer') }}
  138.             <hr class="d-none d-md-block" style="width: 100%; background-color: gray; height: 2px"/>
  139.         </div>
  140.         <div id="secondFooterRow" class="row">
  141.             <div class="col-12 col-lg-5 mb-2 d-flex align-items-center justify-content-center justify-content-lg-start">
  142.                 {% if isTicketing is defined and isTicketing == "true"%}
  143.                     <span class="text-muted small">
  144.                         © Copyright {{ "now"|date("Y") }} {{'app.ui.scala_assistance_ticketing'|trans}} {{'app.ui.srl'|trans}}. {{ 'app.ui.reserved_rights'|trans }}
  145.                     </span>
  146.                 {% else %}
  147.                     <span class="text-muted small">
  148.                         © Copyright {{ "now"|date("Y") }} {{'app.ui.scala_assistance'|trans}}. {{ 'app.ui.reserved_rights'|trans }}
  149.                     </span>
  150.                 {% endif %}
  151.             </div>
  153.             <div class="col-12 col-lg-4 mb-2 align-items-center justify-content-center justify-content-lg-start d-none d-md-flex">
  154.                 <a class="text-muted small mr-2" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'termeni-si-conditii'})}}">{{ 'app.ui.terms_of_use'|trans }}</a>
  155.                 <a class="text-muted small mr-2" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'politica-confidentialitate'})}}">{{ 'app.ui.privacy_policy'|trans }}</a>
  156.                 <a class="text-muted small" href="{{ path('app_contact') }}">{{ 'app.ui.contact'|trans }}</a>
  157.             </div>
  159.             {% if isTicketing is defined and isTicketing == "true"%}
  161.             {% else %}
  162.                 <div class="col-12 col-lg-3 mb-2 d-flex align-items-center justify-content-center justify-content-lg-start">
  163.                     <div>
  164.                         <a href="https://www.facebook.com/Roviniete.ro/" title="facebook" target="_blank">
  165.                             <i class="ic-facebook-round-grey mr-2"></i>
  166.                         </a>
  167.                     </div>
  168.                     <div>
  169.                         <a href="https://www.linkedin.com/company/scala-assistance" title="linkedin" target="_blank">
  170.                             <i class="ic-linkedin-round-grey mr-2"></i>
  171.                         </a>
  172.                     </div>
  173.                     <div>
  174.                         <a href="https://twitter.com/#!/rovinieta" title="twitter" target="_blank">
  175.                             <i class="ic-twitter-round-grey"></i>
  176.                         </a>
  177.                     </div>
  178.                 </div>
  179.             {% endif %}
  180.         </div>
  182.         <div class="row mb-2 align-items-center text-center d-flex">
  184.             <div class="col-6 mobile-footer-btn d-none">
  185.                 <button class="btn btn-footer-white w-100">
  186.                     <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'politica-cookies'})}}">Cookies</a>
  187.                 </button>
  188.             </div>
  189.             <div class="col-6 mobile-footer-btn d-none">
  190.                 <button class="btn btn-footer-white w-100" id="btnDesktopVersion">
  191.                     {{'app.ui.desktop_version'|trans}}
  192.                 </button>
  193.             </div>
  195.             <div class="col-12 desktop-footer-btn d-none d-">
  196.                 <button class="btn btn-footer-white w-100 text-muted" id="btnMobileVersion">
  197.                     {{'app.ui.mobile_version'|trans}}
  198.                 </button>
  199.             </div>
  201.         </div>
  202.     </footer>
  203. </div>
  204. <script src="/bundles/fosjsrouting/js/router.js"></script>
  205. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  206. <script>
  207.     $(window).resize(function (){
  208.         if(window.innerWidth > 768) {
  209.             $('#footerAccordion').collapse({'toggle': true});
  210.             $('#footerAccordion .btn-link').removeClass('collapsed').attr('disabled', true);
  211.         } else {
  212.             $('#footerAccordion').collapse({'toggle': true});
  213.             $('#footerAccordion .btn-link').addClass('collapsed').attr('disabled', false);
  214.         }
  215.     });
  217.     $(document).ready(function () {
  219.         let appVersion = sessionStorage.getItem('appVersion');
  220.         if(appVersion) {
  221.             if(window.innerWidth < 768) {
  222.                 if (appVersion === 'desktop') {
  223.                     $('meta[name=viewport]').attr('content','width=1024px')
  224.                     $('.desktop-footer-btn').removeClass('d-none').show();
  225.                     $('.mobile-footer-btn').addClass('d-none').hide();
  226.                 } else if (appVersion === 'mobile') {
  227.                     $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no');
  228.                     $('.mobile-footer-btn').removeClass('d-none').show();
  229.                     $('.desktop-footer-btn').addClass('d-none').hide();
  230.                 }
  231.             }
  232.         } else {
  233.             if(window.innerWidth < 768) {
  234.                 sessionStorage.setItem('appVersion', 'mobile');
  235.                 $('.mobile-footer-btn').removeClass('d-none').show();
  236.                 $('.desktop-footer-btn').addClass('d-none').hide();
  237.             }
  238.         }
  241.         if(window.innerWidth > 768) {
  242.             $('#footerAccordion').collapse({'toggle': true});
  243.             $('#footerAccordion .btn-link').removeClass('collapsed').attr('disabled', true);
  244.         } else {
  245.             $('#footerAccordion').collapse({'toggle': true});
  246.             $('#footerAccordion .btn-link').addClass('collapsed').attr('disabled', false);
  247.         }
  248.     });
  250.     $(document).on('click', '#btnDesktopVersion', function () {
  252.         let url =  Routing.generate('app_shop_switch_desktop');
  253.         $.ajax({
  254.             url:        url,
  255.             type:       'GET',
  256.             dataType:   'json',
  257.             async:      true,
  258.             success: function(data) {
  259.                 // $('meta[name=viewport]').attr('content','width=1024px')
  260.                 sessionStorage.setItem('appVersion', 'desktop');
  261.                 location.reload();
  262.             },
  263.             error : function() {
  265.             }
  266.         });
  267.     });
  269.     $(document).on('click', '#btnMobileVersion', function () {
  271.         let url =  Routing.generate('app_shop_switch_desktop');
  272.         $.ajax({
  273.             url:        url,
  274.             type:       'GET',
  275.             dataType:   'json',
  276.             async:      true,
  277.             success: function(data) {
  278.                 // $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
  279.                 sessionStorage.setItem('appVersion', 'mobile');
  280.                 location.reload();
  281.             },
  282.             error : function() {
  284.             }
  285.         });
  286.     });
  287. </script>