templates/abonaments.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend.html.twig' %}
  3. {#% set esHome=true %#}
  4. {% set carousels=[] %}
  7. {% block article %}
  8.     <div class="grid-x grid-padding-x">
  9.         <div id="content-print" class="large-12 medium-12 cell" style="margin-top:1rem;">
  10.             <div id="content-page" class="callout">
  11.                 <div class="grid-x grid-padding-x toptitle">
  12.                     <div class="large-12 cell">
  13.                         <h1 class="main-heading">{{"Abonament de temporada" | trans }}</h1>
  14.                     </div>
  15.                 </div>
  16.                 <form id="form_abonaments" action="{{path('abonaments_insert_comandes_linies')}}" method="post">
  17.                     <div class="grid-x grid-padding-x">
  18.                         <div class="large-12 medium-12 cell">
  19.                             <h3>{{"Abonament de temporada que sol·licita:" | trans }}</h3>
  20.                         </div>
  21.                         <div class="large-12 medium-12 cell">
  22.                             {% if (blCistella) %}
  23.                                 <a href="{{path('abonaments_cistella')}}" class="button"><i class="fas fa-shopping-cart"></i> {{"Veure cistella" | trans }}</a>
  24.                             {% endif %}
  25.                         </div>
  27.                         <div class="grid-x grid-padding-x">
  28.                             <div class="large-12 cell">
  29.                                 <ol class="progress-indicator">
  30.                                     <li class="is-current" data-step="1">
  31.                                         <span>{{"Seleccionar abonament" | trans }}</span></a>
  32.                                     </li>
  33.                                     <li class="" data-step="2">
  34.                                         <span>{{"Omplir dades" | trans }}</span>
  35.                                     </li>
  36.                                     <li class="" data-step="3">
  37.                                         <span>{{"Adjuntar documentació" | trans }}</span>
  38.                                     </li>
  39.                                     <li class="" data-step="4">
  40.                                         <span>{{"Comprovar dades" | trans }}</span>
  41.                                     </li>
  42.                                     <li class="" data-step="5">
  43.                                         <span>{{"Comprovant compra" | trans }}</span>
  44.                                     </li>
  45.                                 </ol>
  46.                             </div>
  47.                         </div>
  48.                         <!--                            
  49.                                                 <div class="large-3 medium-3 cell">
  50.                                                     &nbsp;
  51.                                                 </div>
  52.                         -->
  53.                         <div class="grid-x grid-padding-x" data-equalizer="foo" style="width:100%;">
  54.                             <div class="large-6 medium-6 cell">
  55.                                 <div class="callout" data-equalizer-watch="foo">
  56.                                     <ul class="nolist">
  57.                                         <li><img src="{{asset('/frontoffice/img/logo_masella.jpg')}}" width="195" height="77" alt="logo masella"></li>
  58.                                             {% for abonaments in  objAbonaments_mas %}
  59.                                                 {#{dump (abonaments)}#}
  60.                                             <li>
  61.                                                 <input type="radio" name="abonament[]" value="{{abonaments.id}}" data-id="{{abonaments.id}}" data-ticket-type-id="{{abonaments.ticket_type_id}}" data-pool-id="{{abonaments.pool_id}}" data-tarifa-id="{{abonaments.tarifa_id}}" class="tarifes"> {{attribute(abonaments, 'nom'~(app.request.locale|capitalize))}}
  63.                                             </li>
  64.                                         {% endfor %}
  65.                                     </ul>
  66.                                 </div>
  67.                             </div>
  68.                             <div class="large-6 medium-6 cell">
  69.                                 <div class="callout" data-equalizer-watch="foo">
  70.                                     <ul class="nolist">
  71.                                         <li><img src="{{asset('/frontoffice/img/laMolina-Masella.jpg')}}" width="260" height="77" alt="La Molina + Masella"></li>
  72.                                             {% for abonaments in  objAbonaments_alp %}
  73.                                                 {#{dump (abonaments)}#}
  74.                                             <li>
  75.                                                 <input type="radio" name="abonament[]" value="{{abonaments.id}}" data-id="{{abonaments.id}}" data-ticket-type-id="{{abonaments.ticket_type_id}}" data-pool-id="{{abonaments.pool_id}}" data-tarifa-id="{{abonaments.tarifa_id}}" class="tarifes"> {{attribute(abonaments, 'nom'~(app.request.locale|capitalize))}}
  76.                                             </li>
  77.                                         {% endfor %}
  78.                                     </ul>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                         <div class="large-12 cell">
  83.                             <div class="callout alert-box aviso avis-abonament" style="display:none; background: #a4d3b7!important;">
  84.                                 <p>{{"Amb els abonaments de Temporada, Feiner i No dissabtes de Masella i d'Alp 2500, en les categories d'adult, infant i veterà I regalem forfets d'altres estacions d'esquí d'arreu del Món. Veure els forfets gratuïts, si tramites un abonament de Masella, clicant" | trans }} <a href="https://www.masella.com/uploads/tinymce/ForfetsM.pdf" target="_blank">{{"aquí" | trans }}</a> {{"i els avantatges, clicant" | trans }} <a href="https://www.masella.com/uploads/tinymce/AvantatgesM.pdf" target="_blank">{{"aquí" | trans }}</a>.</p>
  85.                                 <p>{{"Veure els forfets gratuïts, si tramites un abonament d’Alp 2500 (La Molina+Masella), clicant" | trans }} <a href="https://www.masella.com/uploads/tinymce/Forfets%20Alp%202500%2021-22.pdf" target="_blank">{{"aquí" | trans }}</a> {{"i els avantatges, clicant" | trans }} <a href="https://www.masella.com/uploads/tinymce/Avantatges%20Alp%202500%2021-22.pdf" target="_blank">{{"aquí" | trans }}</a>.</p>
  86.                             </div>
  87.                             <a name="anchorAbonaments"></a>
  88.                         </div>
  90.                         <div class="large-12 cell"><hr></div>
  92.                         <div class="large-12 cell" id="persones_at">
  94.                         </div>
  96.                         {% if abonamentsFamiliars > 0 %}
  97.                             <div class="large-12 cell">
  98.                                 <p class="aviso"> {{"*A partir del 3r Abonament de Temporada i amb carnet de família nombrosa" | trans }}</p>
  99.                             </div>
  100.                             <div class="large-12 cell">
  101.                                 <a href="{{path  ('abonaments_familiar_front', {'_locale'   :app.request.locale})}}" class="expand button" style="color:#fff;">{{"Abonaments de temporada de família nombrosa*" | trans }}</a>
  102.                             </div>
  103.                         {% endif %}
  104.                         {% if date(fiOferta) >= date() %}
  105.                         <div class="large-12 cell">
  106.                             <p class="aviso">{{"Fins el dia" | trans }}  <span class="fecha_aviso">{{fiOferta|format_datetime('medium', 'none')}}</span> {{"S'apliquen les tarifes del preu d'oferta DUPLICADO" | trans }}</p>
  107.                         </div>
  108.                         {% endif %}
  109.                         <div class="large-12 cell">
  110.                             <ul class="nolist import">
  111.                                 <li><span>{{"Import" | trans }}:</span></li>
  112.                                 <li><strong><span class="preu" id="totalText">0,00</span><span class="preu">€</span></strong></li>
  113.                                 <li><span>{{"(Preus amb IVA inclòs)" | trans }}</span></li>
  114.                             </ul>
  115.                         </div>
  116.                     </div>
  117.                     <input type="hidden" name="comprar" id="comprar" value=""> 
  118.                 </form>
  119.                 <div class="grid-x grid-padding-x">
  120.                     <div class="large-6 medium-6 cell">
  121.                         <a href="#" class="btnSubmit button warning">{{"Afegeix a cistella i segueix comprant" | trans }}</a>
  122.                     </div>
  123.                     <div class="large-6 medium-6 cell">
  124.                         {% if (blCistella) %}
  125.                             <a href="#" class="btnSubmit comprar button"><i class="fas fa-shopping-cart"></i> {{"Comprar" | trans}}</a>
  126.                         {% endif %}
  127.                     </div>
  128.                 </div>
  129.             </div>
  131.             <div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="false" role="dialog">
  132.                 <div class="large-12 cell">
  133.                     <div class="callout white">
  134.                         <h3>{{"Àrea privada d’usuari registrat" | trans}}</h3>
  135.                         <p>{{"L’àrea privada d’usuari et dona accés a la compra d'abonaments, de classes, de forfeit i de promocions." | trans}}</p>
  136.                         <p>{{"IMPORTANT: Si no tens la clau per accedir en aquesta àrea has de clicar 'no recordo la clau'. L’email que s’ha de posar és la mateixa adreça electrònica que vas facilitar en temporades anteriors a través del formulari de 'Petició d’abonament'." | trans |raw}}</p>
  137.                         <form action="{{path('area_privada_check')}}" method="post" id="formulari">
  138.                             <div class="abonaments">
  139.                                 <div class="comprador">
  140.                                     <h4>{{"Introdueix l'email i la clau per accedir-hi" | trans}}</h4>
  141.                                     <div class="grid-x grid-padding-x">
  142.                                         <div class="large-6 medium-6 cell">
  143.                                             <label>{{"E.mail" | trans}}:</label>
  144.                                             <input name="email" id="email" type="email" required="required">
  145.                                         </div>
  146.                                         <div class="large-6 medium-6 cell">
  147.                                             <label>{{"Clau" | trans}}:</label>
  148.                                             <input name="clau" id="clau" type="password" required="required">
  149.                                         </div>
  150.                                         <div class="large-6 medium-6 cell">
  151.                                             <input name="accedir" type="submit" value="{{"Accedir" | trans}}" class="button">
  152.                                         </div>
  153.                                         <div class="large-6 medium-6 cell">
  154.                                             <a href="{{path('area_privada_recordar')}}" class="button warning">{{"No recordo la clau" | trans}}</a></li>
  155.                                         </div>
  156.                                     </div>
  157.                                 </div>
  158.                             </div>
  159.                         </form>
  160.                     </div>
  161.                 </div>
  162.                 <a class="close-reveal-modal" aria-label="Close">&#215;</a>
  163.             </div>
  165.         </div>
  166.     </div>
  168.     <!--<div id="aviso" style="z-index:99999; position:fixed; width:80%; margin: 0 10% 0 10%; top:100px; box-shadow: 0 0 3000px 3000px rgba(0, 0, 0, 0.5);">
  169.         <div class="large-12">
  170.             <div class="callout white" style="margin:0;">
  171.                 <p style="text-align:right;position:absolute; right:1.25rem;"><a href="#" onclick="document.getElementById('aviso').style.display='none';return false;" id="close_popup"><i class="fa fa-2x fa-times" aria-hidden="true"></i></a></p>
  172.                 <h2>{{"Avís" | trans}}</h2>
  173.                 <p>{{"Estem negociant l’intercanvi de forfets de les estacions d’esquí dels grups Altiservice (Saint-Lary, Guzet i Artouste) i Ferrocarrils de la Generalitat de Catalunya (Espot Esquí, Port Ainé, La Molina, Vall de Núria i Vallter 2000) per aquesta temporada 2016-17. A data d’avui no estan garantits els forfets d’aquestes estacions." | trans}}</p>
  174.                 <p style="text-align:right;"><strong>{{"OCTUBRE DE 2016" | trans |raw}}</strong></p>
  175.                 <p style="text-align:center;">{{"Estació d’Esquí de Masella" | trans |raw}}</p>
  176.             </div>
  177.         </div>
  178.     </div>-->
  180. {% endblock %}
  182. {% block javascripts %}
  183.     {{parent()}}
  184.     <script src="{{asset('/frontoffice/js/jquery.mixitup.js')}}"></script>
  185.     <script src="{{asset('/frontoffice/js/smooth-scroll.js')}}" ></script>
  186.     <script src="{{asset('/frontoffice/js/owl.carousel.js')}}" ></script>
  187.     <script type="text/javascript">
  188.         var sTxtCamp = "{{"Ha de sel·leccionar un abonament" | trans}}";
  189.         var sTxtDiaSetmana = "{{"S'ha d'indicar el dia de la setmana" | trans}}";
  190.         $(document).ready(function () {
  191.             $(".tarifes").click(function (e) {
  192.                 //e.preventDefault();
  194.                 var id = 'anchorAbonaments';
  195.                 var offset1 = $(id).offset();
  197.                 $("html, body").animate({
  198.                     scrollTop: 700
  199.                 }, 100);
  200.             });
  201.         });
  202.     </script>
  204.     <script type="text/javascript" src="{{asset('/frontoffice/js/abonaments.js')}}"></script>
  205. {% endblock%}