templates/front/base/footer/footer.html.twig line 1

Open in your IDE?
  1. {% block stylesheets %}
  2.     {{ encore_entry_link_tags('footer') }}
  3. {% endblock %}
  4. {% block javascripts %}
  5.     {{ encore_entry_script_tags('footer') }}
  6. {% endblock %}
  7. <footer id="footer" class="footer">
  8.     <button id="refreshCart" style="display: none;"></button>
  9.     {% if is_account_creation is same as( false ) %}
  10.         <section class="footer__newsletter" {{ (app.session.get('isCheckout') ? 'hidden' : '') }}>
  11.             <div class="ui container">
  12.                 <div class="ui grid">
  13.                     <div class="two wide widescreen two wide large screen column large screen only bottom aligned">
  14.                         <img src="/public/img/footer-newsletter.png" class="footer__newsletter-logo" alt="newsletter-bigbuy"/>
  15.                     </div>
  16.                     <div class="eight wide widescreen eight wide large screen twelve wide mobile column">
  17.                         <form id="footer__newsletter-form" class="ui form footer__newsletter-form">
  18.                             <div class="ui grid centered">
  19.                                 <div class="twelve wide mobile column aligned">
  20.                                     <h3>{{ 'newsletter.title' | trans }}</h3>
  21.                                 </div>
  22.                                 <div class="email-container twelve wide mobile five wide computer column">
  23.                                     <div class="field email">
  24.                                         <input id="email" name="email" placeholder="{{ 'newsletter.enter_email' | trans }}" autocomplete="off"/>
  25.                                         <p class='error-message' data-message="{{ 'newsletter.enter_valid_email' | trans }}">{{ 'newsletter.enter_valid_email' | trans }}</p>
  26.                                     </div>
  27.                                 </div>
  28.                                 <div class="language-container twelve wide mobile five wide computer column">
  29.                                     <div class="field select-lang">
  30.                                         <select id="select-lang-dropdown" name="select-lang-dropdown" class="search select-lang-dropdown">
  31.                                             <option value="">{{ 'newsletter.select_language' |trans }}</option>
  32.                                             {% for l in languages %}
  33.                                                 <option value="{{ l.isoCode }}">{{ l.name }}</option>
  34.                                             {% endfor %}
  35.                                         </select>
  36.                                         <p class='error-message' data-message="{{ 'newsletter.error.must_choose_language' | trans }}">{{ 'newsletter.error.must_choose_language' | trans }}</p>
  37.                                     </div>
  38.                                 </div>
  39.                             </div>
  40.                             <div class="ui grid centered hidden-form">
  41.                                 <div class="ten wide widescreen ten wide large screen twelve wide mobile column">
  42.                                     <div class="ui grid">
  43.                                         <div class="twelve wide mobile column left aligned interested-title">
  44.                                             <p class="small">
  45.                                                 <strong>{{ legacy_trans('¿En qué soluciones de BigBuy está interesado?', 'sitemap') }}</strong>
  46.                                             </p>
  47.                                         </div>
  48.                                         <div class="ui grid interested-group">
  49.                                             <div class="interested-container">
  50.                                                 <div class="field interested">
  51.                                                     <div class="ui checkbox">
  52.                                                         <input value="0" name="interested" type="checkbox" tabindex="0" class="hidden">
  53.                                                         <label>Ecommerce</label>
  54.                                                     </div>
  55.                                                 </div>
  56.                                             </div>
  57.                                             <div class="interested-container">
  58.                                                 <div class="field interested">
  59.                                                     <div class="ui checkbox">
  60.                                                         <input value="1" name="interested" type="checkbox" tabindex="0" class="hidden">
  61.                                                         <label>{{ 'menu.corporate.reward_catalog.name'|trans }}</label>
  62.                                                     </div>
  63.                                                 </div>
  64.                                             </div>
  65.                                             <div class="interested-container">
  66.                                                 <div class="field interested">
  67.                                                     <div class="ui checkbox">
  68.                                                         <input value="2" name="interested" type="checkbox" tabindex="0" class="hidden">
  69.                                                         <label>Marketplaces</label>
  70.                                                     </div>
  71.                                                 </div>
  72.                                             </div>
  73.                                             <div class="interested-container">
  74.                                                 <div class="field interested">
  75.                                                     <div class="ui checkbox">
  76.                                                         <input value="3" name="interested" type="checkbox" tabindex="0" class="hidden">
  77.                                                         <label>Social Selling</label>
  78.                                                     </div>
  79.                                                 </div>
  80.                                             </div>
  81.                                             <div class="interested-container">
  82.                                                 <div class="field interested">
  83.                                                     <div class="ui checkbox">
  84.                                                         <input value="4" name="interested" type="checkbox" tabindex="0" class="hidden">
  85.                                                         <label>Offline</label>
  86.                                                     </div>
  87.                                                 </div>
  88.                                             </div>
  89.                                         </div>
  90.                                         <div class="twelve wide mobile column footer__newsletter-form-sector--error">
  91.                                             <div class="field interested">
  92.                                                 <p class='error-message' data-message="{{ legacy_trans('Debe elegir al menos un sector', 'jsText') }}">{{ legacy_trans('Debe elegir al menos un sector', 'jsText') }}</p>
  93.                                             </div>
  94.                                         </div>
  95.                                         <div class="separator"></div>
  96.                                         <div class="left aligned twelve wide mobile column conditions-container">
  97.                                             <div class="field conditions">
  98.                                                 <div class="ui checkbox">
  99.                                                     <input name="conditions" type="checkbox" tabindex="0" class="hidden">
  100.                                                     {% set privacyLink = '<a href="' ~ legacy_cms_link(constant('App\\Entity\\System\\Cms::ID_CMS_GENERAL_CONDITIONS')) ~ '" class="link" target="blank">' %}
  101.                                                     <label>{{ legacy_trans('He leído y acepto las %sCondiciones generales y de privacidad.%s', 'accountController') | format(privacyLink, '</a>') | raw }}</label>
  102.                                                 </div>
  103.                                                 <p class='error-message' data-message="{{ legacy_trans('Debe aceptar las condiciones.', 'jsText') }}">{{ legacy_trans('Debe aceptar las condiciones.', 'jsText') }}</p>
  104.                                             </div>
  105.                                         </div>
  106.                                         <div class="center aligned twelve wide mobile column footer__newsletter-form-button">
  107.                                             <button class="ui button basic primary" id="button-submit">{{ 'menu.footer.newsletter.sign_me_up'| trans }}</button>
  108.                                             <p class="response-message"></p>
  109.                                         </div>
  110.                                     </div>
  111.                                 </div>
  112.                             </div>
  113.                         </form>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </section>
  118.         <section class="footer__content {{ (app.session.get('isCheckout') ? 'hidden') }}">
  119.             <div class="ui container">
  120.                 <div class="ui grid">
  121.                     <div class="twelve wide mobile column tablet mobile only">
  122.                         <div class="ui accordion footer__content-accordion">
  123.                             {% for parentLink in corporate_links %}
  124.                                 {% for first_level_link in parentLink.children %}
  125.                                     <div class="title">
  126.                                         <p class="big">{{ first_level_link.item.title }}</p>
  127.                                         <i class="chevron down  icon large"></i>
  128.                                     </div>
  129.                                     <div class="content">
  130.                                         {% for children in first_level_link.children %}
  131.                                             <p>
  132.                                                 <a class="content-link"
  133.                                                 href="{{ children.item.url }}">{{ children.item.title }}</a>
  134.                                             </p>
  135.                                         {% endfor %}
  136.                                     </div>
  137.                                 {% endfor %}
  138.                             {% endfor %}
  139.                         </div>
  140.                     </div>
  141.                     {% for corporate_link_columns in corporate_links %}
  142.                         <div class="three wide computer column computer only">
  143.                         {% for corporate_link_parent in corporate_link_columns.children %}
  144.                             <p class="big">
  145.                                 <strong>{{ corporate_link_parent.item.title|trans({}, 'messages') }}</strong>
  146.                             </p>
  147.                             {% if corporate_link_parent.children %}
  148.                                 {% for children in corporate_link_parent.children %}
  149.                                     <p class="small">
  150.                                         <a href="{{ children.item.url|trans({}, 'messages') }}"
  151.                                                 {% if children.item.target is not empty %}
  152.                                                     target="{{ children.item.target }}"
  153.                                                 {% endif %}
  154.                                         >{{ children.item.title|trans({}, 'messages') }}
  155.                                         </a>
  156.                                     </p>
  157.                                 {% endfor %}
  158.                             <br>
  159.                             {% endif %}
  160.                         {% endfor %}
  161.                         </div>
  162.                     {% endfor %}
  163.                 </div>
  164.             </div>
  165.         </section>
  166.     {% endif %}
  167.     <section class="footer_awards">
  168.         <div class="ui grid container">
  169.             <div class="twelve wide mobile column">
  170.                 <div class="splide splide-footer">
  171.                     <div class="splide__track">
  172.                         <div class="splide__list">
  173.                             {% for award in awards %}
  174.                                 <div class="splide__slide">
  175.                                     {% include 'front/base/footer/award.html.twig' with award %}
  176.                                 </div>
  177.                             {% endfor %}
  178.                         </div>
  179.                     </div>
  180.                 </div>
  181.             </div>
  182.         </div>
  183.     </section>
  184.     {% if is_account_creation is same as( false ) %}
  185.         <section class="footer_social {{ (app.session.get('isCheckout') ? 'hidden' : '') }}">
  186.             <div class="ui grid container centered">
  187.                 <div class="twelve wide mobile three wide computer column footer_social-links">
  188.                     {% for social_link in social_links %}
  189.                         <a href="{{ social_link.url }}" target="_blank">
  190.                             <img src="{{ social_link.icon }}" alt="{{ social_link.name }}"/>
  191.                         </a>
  192.                     {% endfor %}
  193.                 </div>
  194.             </div>
  195.         </section>
  196.     {% endif %}
  197.     <section class="footer_legal">
  198.         <div class="ui container">
  199.             <div class="ui grid {{ (app.session.get('isCheckout') ? 'hidden' : '') }}">
  200.                 <div class="row footer_legal-links">
  201.                     <div class=" footer_legal-logo">
  202.                         <img width="40" src="https://cms.bigbuy.eu/uploads/bigbuy_logo_374c505207.svg" alt="bigbuy-logo"/>
  203.                     </div>
  204.                     <div class="twelve wide mobile eleven wide computer column footer_legal-links">
  205.                         {% for link in bottom_links %}
  206.                             <a href="{{ link.url }}"
  207.                                 {% if link.external_link is same as( true ) %}
  208.                                     target="_blank"
  209.                                 {% endif %}
  210.                                 {% if link.no_follow is same as( true ) %}
  211.                                     rel="nofollow"
  212.                                 {% endif %}
  213.                             >
  214.                                 <p class="small">{{ link.name }}</p>
  215.                             </a>
  216.                         {% endfor %}
  217.                     </div>
  218.                 </div>
  219.                 <div class="twelve wide mobile twelve wide computer column footer_legal-info">
  220.                     <p class="small">{{ legacy_trans('© 2010 - 2015 BigBuy Europe. Todos los derechos reservados.', 'footerTerms') | format('now'|date('Y')) }}
  221.                         {% if is_shop %}
  222.                             <span class="desktop-line-break">{{ legacy_trans('Los precios de venta no incluyen el IVA ni la entrega.', 'footerTerms') }}</span>
  223.                         {% endif %}
  224.                     </p>
  225.                 </div>
  226.             </div>
  227.             <div class="ui grid checkout {{ (app.session.get('isCheckout') ? 'show' : '') }}">
  228.                 <div class="twelve wide mobile footer_legal-logo">
  229.                     <img width="40" src="{{ base_url_img }}/public/img/logo-bigbuy.svg" alt="bigbuy-logo"/>
  230.                     <p class="small">{{ legacy_trans('© 2010 - 2015 BigBuy Europe. Todos los derechos reservados.', 'footerTerms') | format('now'|date('Y')) }}</p>
  231.                 </div>
  232.             </div>
  233.         </div>
  234.     </section>
  235. </footer>