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"%}
  160.                 <div class="col-12 col-lg-3 mb-2 d-flex align-items-center justify-content-center justify-content-lg-start">
  161.                     <div>
  162.                         <a target="_blank"
  164.                            onclick="window.open('Hopa... ceva e greșit aici! ');">
  166.                             <img style="max-height: 200px;" src='https://trusted.ro/atestare/marca-f7bb6-1.webp'  alt="marca-trusted" loading="lazy"/>
  168.                         </a>
  169.                     </div>
  170.                 </div>
  171.             {% else %}
  172.                 <div class="col-12 col-lg-3 mb-2 d-flex flex-column align-items-center justify-content-center justify-content-lg-start">
  173.                     <div class="mb-2 d-flex align-items-center justify-content-center">
  174.                         <div>
  175.                             <a href="https://www.facebook.com/Roviniete.ro/" title="facebook" target="_blank">
  176.                                 <i class="ic-facebook-round-grey mr-2"></i>
  177.                             </a>
  178.                         </div>
  179.                         <div>
  180.                             <a href="https://www.linkedin.com/company/scala-assistance" title="linkedin" target="_blank">
  181.                                 <i class="ic-linkedin-round-grey mr-2"></i>
  182.                             </a>
  183.                         </div>
  184.                         <div>
  185.                             <a href="https://twitter.com/#!/rovinieta" title="twitter" target="_blank">
  186.                                 <i class="ic-twitter-round-grey"></i>
  187.                             </a>
  188.                         </div>
  189.                     </div>
  190.                     <div>
  191.                         <a target="_blank" onclick="window.open('Hopa... ceva e greșit aici!');">
  192.                             <img style="max-height: 100px;" src="https://trusted.ro/atestare/marca-f7bb6-1.webp" alt="marca-trusted" loading="lazy"/>
  193.                         </a>
  194.                     </div>
  195.                 </div>
  196.             {% endif %}
  197.         </div>
  199.         <div class="row mb-2 align-items-center text-center d-flex">
  201.             <div class="col-6 mobile-footer-btn d-none">
  202.                 <button class="btn btn-footer-white w-100">
  203.                     <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'politica-cookies'})}}">Cookies</a>
  204.                 </button>
  205.             </div>
  206.             <div class="col-6 mobile-footer-btn d-none">
  207.                 <button class="btn btn-footer-white w-100" id="btnDesktopVersion">
  208.                     {{'app.ui.desktop_version'|trans}}
  209.                 </button>
  210.             </div>
  212.             <div class="col-12 desktop-footer-btn d-none d-">
  213.                 <button class="btn btn-footer-white w-100 text-muted" id="btnMobileVersion">
  214.                     {{'app.ui.mobile_version'|trans}}
  215.                 </button>
  216.             </div>
  218.         </div>
  219.     </footer>
  220. </div>
  221. <script src="/bundles/fosjsrouting/js/router.js"></script>
  222. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  223. <script>
  224.     $(window).resize(function (){
  225.         if(window.innerWidth > 768) {
  226.             $('#footerAccordion').collapse({'toggle': true});
  227.             $('#footerAccordion .btn-link').removeClass('collapsed').attr('disabled', true);
  228.         } else {
  229.             $('#footerAccordion').collapse({'toggle': true});
  230.             $('#footerAccordion .btn-link').addClass('collapsed').attr('disabled', false);
  231.         }
  232.     });
  234.     $(document).ready(function () {
  236.         let appVersion = sessionStorage.getItem('appVersion');
  237.         if(appVersion) {
  238.             if(window.innerWidth < 768) {
  239.                 if (appVersion === 'desktop') {
  240.                     $('meta[name=viewport]').attr('content','width=1024px')
  241.                     $('.desktop-footer-btn').removeClass('d-none').show();
  242.                     $('.mobile-footer-btn').addClass('d-none').hide();
  243.                 } else if (appVersion === 'mobile') {
  244.                     $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no');
  245.                     $('.mobile-footer-btn').removeClass('d-none').show();
  246.                     $('.desktop-footer-btn').addClass('d-none').hide();
  247.                 }
  248.             }
  249.         } else {
  250.             if(window.innerWidth < 768) {
  251.                 sessionStorage.setItem('appVersion', 'mobile');
  252.                 $('.mobile-footer-btn').removeClass('d-none').show();
  253.                 $('.desktop-footer-btn').addClass('d-none').hide();
  254.             }
  255.         }
  258.         if(window.innerWidth > 768) {
  259.             $('#footerAccordion').collapse({'toggle': true});
  260.             $('#footerAccordion .btn-link').removeClass('collapsed').attr('disabled', true);
  261.         } else {
  262.             $('#footerAccordion').collapse({'toggle': true});
  263.             $('#footerAccordion .btn-link').addClass('collapsed').attr('disabled', false);
  264.         }
  265.     });
  267.     $(document).on('click', '#btnDesktopVersion', function () {
  269.         let url =  Routing.generate('app_shop_switch_desktop');
  270.         $.ajax({
  271.             url:        url,
  272.             type:       'GET',
  273.             dataType:   'json',
  274.             async:      true,
  275.             success: function(data) {
  276.                 // $('meta[name=viewport]').attr('content','width=1024px')
  277.                 sessionStorage.setItem('appVersion', 'desktop');
  278.                 location.reload();
  279.             },
  280.             error : function() {
  282.             }
  283.         });
  284.     });
  286.     $(document).on('click', '#btnMobileVersion', function () {
  288.         let url =  Routing.generate('app_shop_switch_desktop');
  289.         $.ajax({
  290.             url:        url,
  291.             type:       'GET',
  292.             dataType:   'json',
  293.             async:      true,
  294.             success: function(data) {
  295.                 // $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
  296.                 sessionStorage.setItem('appVersion', 'mobile');
  297.                 location.reload();
  298.             },
  299.             error : function() {
  301.             }
  302.         });
  303.     });
  304. </script>