templates/webHead.html.twig line 1

Open in your IDE?
  2. <div id="fix-top">
  3.     <div id="top-header">
  4.         <div class="grid-container" style="background: #fff; padding:6px 0;">
  5.             <div class="large-12 cell">
  6.                 <div class="grid-x grid-padding-x nav-top align-middle">
  7.                     <div class="large-2 medium-2  small-3 cell">
  8.                         <a href="/{{app_request.locale}}/home"><img src="{{asset('uploads/general/'~logo)}}" alt="Masella" class="logo"/></a>
  9.                     </div>
  10.                     {% if objGeneral.masellaTv and videoYoutubeDestacat.youtubeId is defined and videoYoutubeDestacat.youtubeId !='' %}
  11.                         <div class="large-10 medium-10 small-10 cell">
  12.                             <div class="grid-x align-middle">
  13.                                 <div class="large-5 medium-5 small-5 cell">
  14.                                     <div class="align-middle">                                    
  15.                                         {% if objGeneral.comprarVisible%}
  16.                                             <a href="{{path('abonaments_temporada_front')}}" title="{{"Comprar1" | trans}}" class="button"><i class="fas fa-shopping-cart"></i> {{"Botiga" | trans }}</a>
  17.                                         {% endif %}
  18.                                         <a href="/{{app_request.locale}}/newsletter" title="{{"Newsletter" | trans}}" class="newsletter-btn">&nbsp;</a>
  19.                                         {% if objGeneral.webcamVisible%}
  20.                                             <a href="{{path('webcam')}}" title="Webcams" class="webcam-btn">&nbsp;</a>
  21.                                         {% endif %}
  22.                                         {% if objGeneral.prediccioVisible%}
  23.                                             <a href="https://www.meteo.cat/prediccio/esqui/masella" title="{{"Predicció" | trans}}" class="weather-btn">&nbsp;</a>
  24.                                         {% endif %}
  25.                                         {% if objGeneral.temperaturaTosaVisible %}
  26.                                             <div class="temperatura-header">
  27.                                                 <div class="grid-x align-top">
  28.                                                     <div class="large-5 cell text-center">
  29.                                                         <span class="temp-top">
  30.                                                             <img src="/frontoffice/images/meteo/meteo.png">
  31.                                                         </span>
  32.                                                     </div>
  33.                                                     <div class="large-7 cell">
  34.                                                         <span class='temp'>{{ temperaturaLaTosa }}</span>
  35.                                                         <span class='station'> La Tosa - 2500 m</span>
  36.                                                     </div>
  37.                                                 </div>
  38.                                             </div>
  39.                                         {% endif %}
  40.                                     </div>
  42.                                 </div>
  43.                                 <div class="large-7 medium-7 small-7 text-right  align-middle">
  44.                                     <div style="float:left; display:none;">
  45.                                         <div class="social-icons">
  46.                                             {% if objGeneral.facebookVisible%}
  47.                                                 <a href="https://www.facebook.com/pages/Estaci%C3%B3-dEsqu%C3%AD-de-Masella/202927609724194" class="fb" title="{{"Facebook" | trans}}" target="_blank"><i class="fab fa-facebook"></i></a>
  48.                                                 {% endif %}
  49.                                                 {% if objGeneral.twitterVisible%}
  50.                                                 <a href="https://twitter.com/MasellaPirineu" class="tw" title="{{"Twitter" | trans}}"target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  51.                                                 {% endif %}
  52.                                                 {% if objGeneral.youtubeVisible%}                
  53.                                                 <a href="https://www.youtube.com/channel/UCa7pba995uS3Xlv1aqoEDNg" class="yt" title="{{"You Tube" | trans}}" target="_blank"><i class="fab fa-youtube"></i></a>
  54.                                                 {% endif %}
  55.                                                 {% if objGeneral.instagramVisible%}
  56.                                                 <a href="https://instagram.com/masellapirineu" class="ins" title="{{"Instagram" | trans}}"target="_blank"><i class="fab fa-instagram"></i></a>
  57.                                                 {% endif %}
  58.                                             <!--{% if objGeneral.blogVisible%}
  59.                                             <a href="https://www.masella.com/blog/{{app_request.locale}}" target="_blank" title="Blog"><i class="fab fa-wordpress"></i></a>
  60.                                         {% endif %}
  61.                                         {% if objGeneral.webcamVisible%}
  62.                                         <a href="{{path('webcam')}}" title="Webcams"><i class="fas fa-video"></i></a>
  63.                                         {% endif %}
  64.                                         {% if objGeneral.appVisible%}
  65.                                         <a href="#" data-reveal-id="modal-qr" title="{{"Descarrega't la nova App amb el codi QR" | trans}}" style="font-size: 1.85rem; padding: 2px 0 0 0px;"><i class="fa fa-mobile" style="margin-top:2px;"></i></a>
  66.                                         <a href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getAppSlugAction"))})}}"  title="{{"Descarrega't la nova App amb el codi QR" | trans}}" style="font-size: 18px;padding: 2px 0 0 0px;"><i class="fas fa-mobile-alt" style="margin-top:2px; font-size: 18px;"></i></a>
  67.                                         {% endif %}-->
  68.                                     </div>
  69.                                 </div>
  70.                                 <div class="callout text-center" style="padding: 5px; display:inline-block; margin: 0 16px 0 0;">
  71.                                     {{ "Descarregat l'App de Masella" | trans }}
  72.                                     <a class="button expanded small" href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getAppSlugAction"))})}}"><i class="fas fa-mobile-alt"></i> {{ "App Masella" | trans }}</a>
  73.                                 </div>
  74.                                 <span style="position:relative;">
  75.                                     {% if objGeneral.areaPrivadaVisible%}
  76.                                         {% if (app.session.get('sessConsumer_id') is defined) and (app.session.get('sessConsumer_id') != '')%}
  77.                                             <ul class="dropdown menu" data-dropdown-menu style="display:inline-block;margin:0; vertical-align: top; margin-top:12px;">
  78.                                                 <li>
  79.                                                     <a href="#" class="user-btn">&nbsp;</a>
  80.                                                     <ul class="menu text-left">
  81.                                                         <li><a href="{{path('area_privada_dades')}}">{{"Obrir àrea privada" | trans}}</a></li>
  82.                                                         <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  83.                                                     </ul>
  84.                                                 </li>
  85.                                             </ul>
  86.                                         {% else %}
  87.                                             <ul class="dropdown menu" data-dropdown-menu style="display:inline-block;margin:0; vertical-align: top; margin-top:12px;">
  88.                                                 <li>
  89.                                                     <a href="#" class="user-btn">&nbsp;</a>
  90.                                                     <ul class="menu text-left">
  91.                                                         <li><a href="#" data-open="myModal">{{"Obrir àrea privada" | trans}}</a></li>
  92.                                                         <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  93.                                                     </ul>
  94.                                                 </li>
  95.                                             </ul>
  96.                                         {% endif %}
  97.                                     {% endif %}
  98.                                 </span>
  99.                                 <div id="idiomas">
  100.                                     <ul>
  101.                                         {%if entMenu is defined and entMenu is not empty %}
  102.                                             {% if (app_request.get('_route') =='tratamiento_producto_ficha') %}
  103.                                                 {%for language in util.getIdiomes %}
  104.                                                     {#% if language.locale != "pt" %#}
  105.                                                     <li><a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"slug":entMenu.getSlug(language.locale),"codigo":producto.Codigo}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  106.                                                         {#% endif %#}
  107.                                                     {% endfor%}
  108.                                                 {%else%}
  109.                                                     {%for language in util.getIdiomes %}
  110.                                                         {#% if language.locale != "pt" and language.locale != "en"  and language.locale != "fr"%#}
  111.                                                         {% if  language.locale in idiomaActiva %}
  112.                                                         <li>
  113.                                                             {#{ dump(entMenu) }#}
  114.                                                             <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"_slug":attribute(entMenu, 'slug'~(language.locale|capitalize))}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  115.                                                         {% endif %}
  116.                                                     {% endfor%}
  117.                                                 {%endif%}
  118.                                             {% else %}
  119.                                                 {%for language in util.getIdiomes %}
  120.                                                     {#% if language.locale != "pt" and language.locale != "en" and language.locale != "fr" %#}
  122.                                                 {% if  language.locale in idiomaActiva %}
  124.                                                     {% if app_request.get('_route') == '_home' %}
  125.                                                         <li><a {% if app_request.locale == language.locale%} class="current" {% endif%} id="language-linker" href="{{ path('home', {"_locale": language.locale}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  126.                                                         {% else %}
  127.                                                         <li>
  128.                                                             <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), app_request.get('_route_params')|merge({'_locale': language.locale})) }}">{{language.labelPublic|slice(0,3)|upper}}</a>
  129.                                                         </li>
  130.                                                     {% endif %}
  131.                                                 {% endif %}
  132.                                             {% endfor%}
  133.                                         {% endif %}
  134.                                     </ul>
  135.                                 </div>
  136.                                 <button class="btn-nav" type="button" data-toggle="offCanvasRightPush" style="margin-top:12px!important;"></button>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  140.                     {% else %}
  141.                         <div class="large-10 medium-10 small-10 cell">
  142.                             <div class="grid-x align-middle">
  143.                                 <div class="large-4 medium-4 small-4 cell"> 
  144.                                     <div class="align-middle"> 
  145.                                         {% if objGeneral.comprarVisible%}
  146.                                             <a href="{{path('abonaments_temporada_front')}}" title="{{"Comprar1" | trans}}" class="button"><i class="fas fa-shopping-cart"></i> {{"Botiga" | trans }}</a>
  147.                                         {% endif %}
  148.                                         <a href="/{{app_request.locale}}/newsletter" title="{{"Newsletter" | trans}}" class="newsletter-btn">&nbsp;</a>
  149.                                     </div>
  150.                                 </div>
  151.                                 <div class="large-8 medium-8 small-8 text-right align-middle">
  152.                                     <div style="float:left; display:none;">
  153.                                         <div class="social-icons">
  154.                                             {% if objGeneral.facebookVisible%}
  155.                                                 <a href="https://www.facebook.com/pages/Estaci%C3%B3-dEsqu%C3%AD-de-Masella/202927609724194" class="fb" title="{{"Facebook" | trans}}" target="_blank"><i class="fab fa-facebook"></i></a>
  156.                                                 {% endif %}
  157.                                                 {% if objGeneral.twitterVisible%}
  158.                                                 <a href="https://twitter.com/MasellaPirineu" class="tw" title="{{"Twitter" | trans}}"target="_blank"><i class="fab fa-twitter"></i></a>
  159.                                                 {% endif %}
  160.                                                 {% if objGeneral.youtubeVisible%}                
  161.                                                 <a href="https://www.youtube.com/channel/UCa7pba995uS3Xlv1aqoEDNg" class="yt" title="{{"You Tube" | trans}}" target="_blank"><i class="fab fa-youtube"></i></a>
  162.                                                 {% endif %}
  163.                                                 {% if objGeneral.instagramVisible%}
  164.                                                 <a href="https://instagram.com/masellapirineu" class="ins" title="{{"Instagram" | trans}}"target="_blank"><i class="fab fa-instagram"></i></a>
  165.                                                 {% endif %}
  166.                                             <!--{% if objGeneral.blogVisible%}
  167.                                             <a href="https://www.masella.com/blog/{{app_request.locale}}" target="_blank" title="Blog"><i class="fab fa-wordpress"></i></a>
  168.                                             {% endif %}
  169.                                                 {% if objGeneral.webcamVisible%}
  170.                                                 <a href="{{path('webcam')}}" title="Webcams"><i class="fas fa-video"></i></a>
  171.                                                 {% endif %}
  172.                                                 {% if objGeneral.appVisible%}
  173.                                                 <a href="#" data-reveal-id="modal-qr" title="{{"Descarrega't la nova App amb el codi QR" | trans}}" style="font-size: 1.85rem; padding: 2px 0 0 0px;"><i class="fa fa-mobile" style="margin-top:2px;"></i></a>
  174.                                                 <a href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getAppSlugAction"))})}}"  title="{{"Descarrega't la nova App amb el codi QR" | trans}}" style="font-size: 18px;padding: 2px 0 0 0px;"><i class="fas fa-mobile-alt" style="margin-top:2px; font-size: 18px;"></i></a>
  175.                                                 {% endif %}-->
  176.                                             </div>
  177.                                         </div>
  178.                                         <div class="callout text-center" style="padding: 5px; display:inline-block; margin: 0 16px 0 0;">
  179.                                             {{ "Descarregat l'App de Masella" | trans }}
  180.                                             <a class="button expanded small" href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getAppSlugAction"))})}}"><i class="fas fa-mobile-alt"></i> {{ "App Masella" | trans }}</a>
  181.                                         </div>
  182.                                         <span style="position:relative;">
  183.                                             {% if objGeneral.areaPrivadaVisible%}
  184.                                                 {% if (app.session.get('sessConsumer_id') is defined) and (app.session.get('sessConsumer_id') != '')%}
  185.                                                     <ul class="dropdown menu" data-dropdown-menu style="display:inline-block;margin:0; vertical-align: top; margin-top:12px;">
  186.                                                         <li>
  187.                                                             <a href="#" class="user-btn">&nbsp;</a>
  188.                                                             <ul class="menu text-left">
  189.                                                                 <li><a href="{{path('area_privada_dades')}}">{{"Obrir àrea privada" | trans}}</a></li>
  190.                                                                 <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  191.                                                             </ul>
  192.                                                         </li>
  193.                                                     </ul>
  194.                                                 {% else %}
  195.                                                     <ul class="dropdown menu" data-dropdown-menu style="display:inline-block;margin:0; vertical-align: top; margin-top:12px;">
  196.                                                         <li>
  197.                                                             <a href="#" class="user-btn">&nbsp;</a>
  198.                                                             <ul class="menu text-left">
  199.                                                                 <li><a href="#" data-open="myModal">{{"Obrir àrea privada" | trans}}</a></li>
  200.                                                                 <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  201.                                                             </ul>
  202.                                                         </li>
  203.                                                     </ul>
  204.                                                 {% endif %}
  205.                                             {% endif %}
  206.                                         </span>
  207.                                         <div id="idiomas">
  208.                                             <ul>
  209.                                                 {%if entMenu is defined and entMenu is not empty %}
  210.                                                     {% if (app_request.get('_route') =='tratamiento_producto_ficha') %}
  211.                                                         {% for language in util.getIdiomes %}
  212.                                                             {#% if language.locale != "pt" %#}
  213.                                                             <li><a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"slug":entMenu.getSlug(language.locale),"codigo":producto.Codigo}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  214.                                                                 {#% endif %#}
  215.                                                             {% endfor%}
  216.                                                         {% else %}
  217.                                                             {%for language in util.getIdiomes %}
  218.                                                                 {#% if language.locale != "pt" and language.locale != "en"  and language.locale != "fr"%#}
  219.                                                                 {% if  language.locale in idiomaActiva %}
  220.                                                                 <li>
  221.                                                                     {#{ dump(entMenu) }#}
  222.                                                                     <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"_slug":attribute(entMenu, 'slug'~(language.locale|capitalize))}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  223.                                                                 {% endif %}
  224.                                                             {% endfor%}
  225.                                                         {% endif %}
  226.                                                     {% else %}
  227.                                                         {%for language in util.getIdiomes %}
  228.                                                             {#% if language.locale != "pt" and language.locale != "en" and language.locale != "fr" %#}
  229.                                                             {% if app_request.get('_route') != 'abonaments_front' or (language != "pt" and language != "en" and language != "fr") %}
  230.                                                                 {% if  language.locale in idiomaActiva %}
  231.                                                                     {% if app_request.get('_route') == '_home' %}
  232.                                                                     <li><a {% if app_request.locale == language.locale%} class="current" {% endif%} id="language-linker" href="{{ path('home', {"_locale": language.locale}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  233.                                                                     {% else %}
  234.                                                                     <li>
  235.                                                                         <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), app_request.get('_route_params')|merge({'_locale': language.locale})) }}">{{language.labelPublic|slice(0,3)|upper}}</a>
  236.                                                                     </li>
  237.                                                                 {% endif %}
  238.                                                             {% endif %}
  239.                                                         {% endif %}
  240.                                                     {% endfor%}
  241.                                                 {% endif %}
  242.                                             </ul>
  243.                                         </div>
  244.                                         <button class="btn-nav" type="button" data-toggle="offCanvasRightPush" style="margin-top:12px!important;"></button>
  245.                                     </div>
  246.                                 </div>
  247.                             </div>
  248.                             {% endif %}
  249.                             </div>
  250.                         </div>
  251.                     </div>
  252.                 </div>
  253.             </div>
  255.             {% if ( esHome is not defined) or ( esHome is defined and not esHome) %}
  256.                 {{ render(controller('App\\Controller\\MenuController::indexAction')) }}
  257.             {% endif %}
  260.             <div class="si-movil">
  261.                 <script>
  262.                     function closeAppTop() {
  263.                         var v = document.getElementById("app-top");
  264.                         if (v.style.display === "none") {
  265.                             v.style.display = "block";
  266.                         } else {
  267.                             v.style.display = "none";
  268.                         }
  269.                     }
  270.                 </script>
  272.                 <!--<div id="app-top" style="background: #000;">
  273.                     <h6 class="text-center" style="color:#fff;">{{ "DESCARREGA’T L’APP DE MASELLA" | trans }}</h6>
  274.                     <div class="grid-x grid-padding-x align-middle">
  275.                         <div class="large-2 medium-2 small-2">
  276.                             <img src="{{asset('frontoffice/images/app-masella.jpg')}}" alt="Masella" />
  277.                         </div>
  278.                         <div class="large-5 medium-5 small-5">
  279.                             <a href="https://play.google.com/store/apps/details?id=com.blabsolutions.Masella" target="_blank"><img src="{{asset('frontoffice/images/googleplay_'~app.request.locale~'.jpg')}}" alt="Google Play" /></a>
  280.                         </div>
  281.                         <div class="large-5 medium-5 small-5">
  282.                             <a href="https://apps.apple.com/es/app/masella-app/id1469353237" target="_blank"><img src="{{asset('frontoffice/images/itunes_'~app.request.locale~'.jpg')}}" alt="Google Play" /></a>
  283.                         </div>
  284.                     </div>
  285.                     <a class="close-button"  onclick="closeAppTop()" style="right: 7px; top: 7px; color:#fff;"><span aria-hidden="true">&times;</span></a>
  286.                 </div>-->
  287.             </div>
  288.             <div class="si-movil no-height">
  289.                 <div id="logo-top">
  290.                     <div class="grid-x grid-padding-x align-middle">
  291.                         <div class="large-5 medium-5 small-5">
  292.                             <div class="grid-x align-middle">
  293.                                 {% if objGeneral.temperaturaTosaVisible %}
  294.                                     <div class="small-6 cell text-center">
  295.                                         <span class="temp-top">
  296.                                             <img src="/frontoffice/images/meteo/meteo.png"><br>
  297.                                             La Tosa - 2500 m
  298.                                         </span>
  299.                                     </div>
  300.                                     <div class="small-6 cell">
  301.                                         <span class='temp'>{{ temperaturaLaTosa }}</span>
  302.                                     </div>
  303.                                 {% endif %}
  304.                             </div>
  305.                         </div>
  306.                         <div class="large-2 medium-2 small-2 text-center">
  307.                             <a href="/{{app_request.locale}}/home"><img src="{{asset('uploads/general/'~logo)}}" alt="Masella" /></a>
  308.                         </div>
  309.                         <div class="large-5 medium-5 small-5 text-center">
  310.                             {% if objGeneral.webcamVisible%}
  311.                                 <a href="{{path('webcam')}}" title="Webcams" class="webcam-btn">&nbsp;</a>
  312.                             {% endif %}
  313.                             {% if objGeneral.prediccioVisible%}
  314.                                 <a href="https://www.meteo.cat/prediccio/esqui/masella" title="{{"Predicció" | trans}}" class="weather-btn">&nbsp;</a>
  315.                             {% endif %}
  316.                         </div>
  317.                     </div>
  318.                 </div>
  319.             </div>
  320.             <div id="nav-bottom">
  321.                 <div class="grid-container wide">
  322.                     <div class="grid-x grid-padding-x">
  323.                         <div class="large-2 medium-2 small-2 cell">
  324.                             {% if objGeneral.comprarVisible%}
  325.                             <a href="{{path('abonaments_temporada_front')}}"><img src="{{asset('frontoffice/images/nav-bottom/shop-btn.svg')}}"/></a>
  326.                             {% endif %}
  327.                         </div>
  328.                         <div class="large-2 medium-2 small-2 cell" style="position:relative;">
  329.                             {% if objGeneral.areaPrivadaVisible%}
  330.                                 {% if (app.session.get('sessConsumer_id') is defined) and (app.session.get('sessConsumer_id') != '')%}
  332.                                     <ul class="dropdown menu" data-dropdown-menu>
  333.                                         <li>
  334.                                             <a href="#" class="imgbtn"><img src="{{asset('frontoffice/images/nav-bottom/user-btn.svg')}}"/></a>
  335.                                             <ul class="menu text-left" style="top:-150%!important;">
  336.                                                 <li><a href="{{path('area_privada_dades')}}">{{"Obrir àrea privada" | trans}}</a></li>
  337.                                                 <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  338.                                             </ul>
  339.                                         </li>
  340.                                     </ul>
  341.                                 {% else %}
  342.                                     <ul class="dropdown menu" data-dropdown-menu>
  343.                                         <li>
  344.                                             <a href="#" class="imgbtn"><img src="{{asset('frontoffice/images/nav-bottom/user-btn.svg')}}"/></a>
  345.                                             <ul class="menu text-left" style="top:-150%!important;">
  346.                                                 <li><a href="#" data-open="myModal">{{"Obrir àrea privada" | trans}}</a></li>
  347.                                                 <li><a href="{{path('frontoffice_logout_client')}}">{{"Tancar àrea privada" | trans}}</a></li>
  348.                                             </ul>
  349.                                         </li>
  350.                                     </ul>
  351.                                 {% endif %}
  352.                             {% endif %}
  353.                         </div>
  354.                         <div class="large-2 medium-2 small-2 cell">
  355.                             {% if  objGeneral.infoneuVisible%}
  356.                             <a href="{{path("frontoffice_infoneu")}}"  target="_blank"><img src="{{asset('frontoffice/images/nav-bottom/meteo-btn.svg')}}"/></a>
  357.                             {% endif %}
  358.                         </div>
  359.                         <div class="large-2 medium-2 small-2 cell">
  360.                             {% if objGeneral.webcamVisible%}
  361.                                 <a href="{{path('webcam')}}" title="Webcams"><img src="{{asset('frontoffice/images/nav-bottom/webcam.png')}}"/></a>
  362.                                 {% endif %}
  363.                         </div>
  364.                         <div class="large-2 medium-2 small-2 cell" style="position:relative;">
  365.                             <div id="idiomas">
  366.                                 <ul>
  367.                                     {%if entMenu is defined and entMenu is not empty %}
  368.                                         {% if (app_request.get('_route') =='tratamiento_producto_ficha') %}
  369.                                             {%for language in util.getIdiomes %}
  370.                                                 {#% if language.locale != "pt" %#}
  371.                                                 <li><a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"slug":entMenu.getSlug(language.locale),"codigo":producto.Codigo}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  372.                                                     {#% endif %#}
  373.                                                 {% endfor%}
  374.                                             {%else%}
  375.                                                 {%for language in util.getIdiomes %}
  376.                                                     {#% if language.locale != "pt" and language.locale != "en"  and language.locale != "fr"%#}
  377.                                                     {% if  language.locale in idiomaActiva %}
  378.                                                     <li>
  379.                                                         {#{ dump(entMenu) }#}
  380.                                                         <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), {"_locale":language.locale,"_slug":attribute(entMenu, 'slug'~(language.locale|capitalize))}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  381.                                                     {% endif %}
  382.                                                 {% endfor%}
  383.                                             {%endif%}
  384.                                         {% else %}
  385.                                             {%for language in util.getIdiomes %}
  386.                                                 {#% if language.locale != "pt" and language.locale != "en" and language.locale != "fr" %#}
  387.                                                 {% if  language.locale in idiomaActiva %}
  389.                                                 {% if app_request.get('_route') == '_home' %}
  390.                                                     <li><a {% if app_request.locale == language.locale%} class="current" {% endif%} id="language-linker" href="{{ path('home', {"_locale": language.locale}) }}">{{language.labelPublic|slice(0,3)|upper}}</a></li>
  391.                                                     {% else %}
  392.                                                     <li>
  393.                                                         <a {% if app_request.locale ==language.locale%} class="current" {% endif%} id="language-linker" href="{{ path(app_request.get('_route'), app_request.get('_route_params')|merge({'_locale': language.locale})) }}">{{language.labelPublic|slice(0,3)|upper}}</a>
  394.                                                     </li>
  395.                                                 {% endif %}
  396.                                             {% endif %}
  397.                                         {% endfor%}
  398.                                     {% endif %}
  399.                                 </ul>
  400.                             </div>
  401.                         </div>
  402.                         <div class="large-2 medium-2 small-2 cell">
  403.                             <a href="#" data-toggle="offCanvasRightPush"><img src="{{asset('frontoffice/images/nav-bottom/nav-btn.svg')}}"/></a>
  404.                         </div>
  405.                     </div>
  406.                 </div>
  408.                 {#                <div class="chat">#}
  409.                 {#                    <a href="https://api.whatsapp.com/send?phone=679363103"><i class="fa-brands fa-whatsapp"></i></a>#}
  410.                 {#                </div>#}
  412.             </div>
  419.             <!--CABECERA PRINT-->
  420.             <div class="grid-x grid-padding-x">
  421.                 <div id="header-print" class="grid-x grid-padding-x">
  422.                     <div class="large-12 cell">
  423.                         <div class="large-3 medium-3 cell">
  424.                             <img src="{{asset('frontoffice/images/logoMasella-black_'~app_request.locale~'.svg')}}" alt="Masella"/>
  425.                         </div>
  426.                         <div class="large-4 medium-4 cell">
  427.                             <ul class="nolist">
  428.                                 <li>Estació d'Esquí Masella</li>
  429.                                 <li><i class="fa fa-home"></i> Av. Peu de Pistes s|n<br>
  430.                                     17538 Masella - Alp<br>
  431.                                     GIRONA</li>
  432.                             </ul>
  433.                         </div>
  434.                         <div class="large-4 medium-4 cell" style="float:left;">
  435.                             <ul class="nolist">
  436.                                 <li><i class="fa fa-phone"></i> (+34) 972 144 000</li>
  437.                                 <li><a href="#"><i class="fa fa-envelope"></i> masella@masella.com</a></li>
  438.                                 <li><a href="#"><i class="fa fa-globe"></i> www.masella.com</a></li>
  439.                             </ul>
  440.                         </div>
  441.                     </div>
  442.                 </div>
  443.             </div>
  444.             <!--FIN CABECERA PRINT-->
  448.             <div id="myModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
  449.                 <div class="large-12 cell">
  450.                     <div class="callout white">
  451.                         <h3>{{"Àrea privada d’usuari" | trans}}</h3>
  452.                         <p>{{"L’àrea privada d’usuari et dona accés a la compra d'abonaments, de classes, de forfeit i de promocions." | trans}}</p>
  453.                         <p>{{"IMPORTANT: Si ja estàs registrat a l'area privada i no tens la contrasenya has de clicar “No recordo la contrasenya”. L’e.mail que s’ha de posar és el mateix que vas facilitar al registrar-te o que vas donar a oficines en compres d'abonaments anteriors." | trans |raw}}</p>
  454.                         <form action="{{path('area_privada_check')}}" method="post" id="formulari">
  455.                             <div class="abonaments">
  456.                                 <div class="comprador">
  457.                                     <h4>{{"Introdueix l'email i la contrasenya per accedir-hi" | trans}}</h4>
  458.                                     <div class="grid-x grid-padding-x">
  459.                                         <div class="large-6 medium-6 cell">
  460.                                             <label>{{"E.mail" | trans}}:</label>
  461.                                             <input name="email" id="email" type="email" required="required">
  462.                                         </div>
  463.                                         <div class="large-6 medium-6 cell">
  464.                                             <label>{{"Contrasenya" | trans}}:</label>
  465.                                             <input name="clau" id="clau" type="password" required="required">
  466.                                         </div>
  467.                                         <div class="large-6 medium-6 cell">
  468.                                             <input name="accedir" type="submit" value="{{"Accedir" | trans}}" class="button">
  469.                                         </div>
  470.                                         <div class="large-6 medium-6 cell">
  471.                                             <a href="{{path('area_privada_recordar')}}" class="button warning">{{"No recordo la contrasenya" | trans}}</a></li>
  472.                                         </div>
  473.                                     </div>
  474.                                 </div>
  475.                             </div>
  476.                         </form>
  477.                     </div>
  478.                 </div>
  479.                 <a class="close-button"  data-close aria-label="Close reveal"><span aria-hidden="true">&times;</span></a>
  480.             </div>
  482.             <div id="modal-qr" class="reveal" data-reveal=""><img src="{{asset('frontoffice/images/App_'~app_request.locale~'.jpg')}}" alt="QR" /> <a class="close-reveal-modal">&times;</a></div>
  484.             {% if videoYoutubeDestacat.youtubeId is defined and videoYoutubeDestacat.youtubeId !='' %}
  485.                 {% set youtube = videoYoutubeDestacat.youtubeId|split('/embed/') %}
  486.                 <script type="text/javascript">
  487.                     function hide(elementId) {
  488.                         $("#" + elementId).fadeOut();
  489.                     }
  491.                     function show(elementId) {
  492.                         $("#" + elementId).fadeIn();
  493.                     }
  494.                 </script>
  495.                 <!--
  496.                 <div id="videoYT" style="display:none;/*display:block;*/">
  497.                     <div class="table">
  498.                         <a onclick="hide('videoYT');" style="display:block; width:100%; height:100%;position:absolute;"></a>
  499.                         <a class="close-button" onclick="hide('videoYT');" style="margin-top:4rem; color:#fff;"><i class="far fa-times-circle fa-2x"></i></a>
  501.                         <div class="tablecell">
  502.                             <div class="callout responsive-embed widescreen" style="position: relative; width:60%; height: 436px; display:inline-block;">
  503.                                 <iframe class="mfp-iframe" src="{{videoYoutubeDestacat.youtubeId}}?loop=1&playlist={{youtube[1]}}&rel=0" frameborder="0" allowfullscreen="" style="width:100%; height:100%;"></iframe> 
  504.                             </div>
  505.                         </div>
  506.                     </div>
  507.                 </div>
  508.                 -->
  509.             {% endif %}