{# empty Twig template #}
{% extends 'frontend.html.twig' %}
{#% set esHome=true %#}
{% set carousels=[] %}
{% block article %}
<div class="grid-x grid-padding-x">
<div id="content-print" class="large-12 medium-12 cell" style="margin-top:1rem;">
{% for tipo, mensajes in app.session.flashbag.all() %}
{% for mensaje in mensajes %}
{#<p class="flash-{{ tipo }}">{{ mensaje|raw }}</p>#}
<div class="callout alert {{tipo}}" id="fmensaje">
<p>{{ mensaje|raw }}</p>
</div>
{% endfor %}
{% endfor %}
<script>
function myFunction() {
var x = document.getElementById("content-page");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<img src="{{asset('/frontoffice/images/compra-online_'~app.request.locale~'.jpg')}}" alt="{{"Compra online" | trans}}"/>
</div>
<div class="large-6 medium-6 cell">
<a href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getCondicionsGeneralsSlugAction"))})}}" target="_blank" class="button expanded" style="margin-top:1rem;">{{"Condicions i normativa dels abonaments" | trans}}</a>
</div>
<div class="large-6 medium-6 cell">
<a href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getCondicionsGeneralsSlugAction"))})}}#FFforfets" target="_blank" class="button expanded" style="margin-top:1rem;">{{"Condicions i normativa dels forfets" | trans}}</a>
</div>
</div>
<ul class="ofertas">
{% if enGeneral[0].getBotigaAbonament() == 1 %}
<li>
{% if (app.session.get('sessConsumer_id') is defined) and (app.session.get('sessConsumer_id') != '')%}
{% if app.request.locale == 'en' or app.request.locale == 'fr' %}
<a href="{{path('abonaments_front', {'_locale':'es'})}}">
{% else %}
<a href="{{path('abonaments_front')}}">
{% endif %}
<img src="{{asset('/frontoffice/images/botiga-abonaments_'~app.request.locale~'.png')}}" alt="{{"Abonaments" | trans}}"/>
</a>
{% else %}
<a href="#content-page" onclick="myFunction()">
<img src="{{asset('/frontoffice/images/botiga-abonaments_'~app.request.locale~'.png')}}" alt="{{"Abonaments" | trans}}"/>
</a>
{% endif %}
</li>
{% endif %}
{% if enGeneral[0].getBotigaForfets() == 1 %}
<li>
{% if app.request.locale == 'en'%}
<a href="https://masella.axess.shop/es/ProductsNgProductSelection/Categories" target="_blank">
{% else %}
{% if app.request.locale == 'fr' %}
<a href="https://masella.axess.shop/fr/Products/Tickets/" target="_blank">
{% else %}
<a href="https://masella.axess.shop/{{app.request.locale}}/ProductsNgProductSelection/Categories" target="_blank">
{% endif %}
{% endif %}
<img src="{{asset('/frontoffice/images/botiga-forfets_'~app.request.locale~'.png')}}" alt="{{"Forfets" | trans}}"/>
</a>
</li>
{% endif %}
{% if enGeneral[0].getBotigaPromocions() == 1 %}
<li>
<a href="https://masella.axess.shop/{{app.request.locale}}/Tickets#pg1001" target="_blank">
<img src="{{asset('/frontoffice/images/botiga-promocions_'~app.request.locale~'.png')}}" alt="{{"Promocions" | trans}}"/>
</a>
</li>
{% endif %}
{% if enGeneral[0].getBotigaRecarrega() == 1 %}
<li>
<a href="https://masella.axess.shop/{{app.request.locale}}">
<img src="{{asset('/frontoffice/images/botiga-recarga_'~app.request.locale~'.png')}}" alt="{{"Abonaments" | trans}}"/>
</a>
</li>
{% endif %}
{% if enGeneral[0].getBotigaClasses() == 1 %}
<li>
<a href="{{path('abonaments_temporada_classes')}}">
<img src="{{asset('/frontoffice/images/botiga-escola_'~app.request.locale~'.png')}}" alt="{{"Classes d'esquí i snowboars" | trans}}"/>
</a>
</li>
{% endif %}
{% if enGeneral[0].getBotigaLloguer() == 1 %}
<li>
<a href="{{path('abonaments_temporada_botiga')}}">
<img src="{{asset('/frontoffice/images/botiga-lloguer_'~app.request.locale~'.png')}}" alt="{{"Lloguer i guardaesquís" | trans}}"/>
</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="grid-container">
<div id="content-page" class="callout" style="display:none;">
<div class="grid-x grid-padding-x toptitle">
<div class="large-12 cell">
<h1 class="main-heading">{{"Abonament de temporada" | trans }}</h1>
</div>
</div>
<div class="grid-x grid-padding-x align-center temporada">
<div class="large-6 medium-6 cell">
<div class="callout white abonament">
{% if sessConsumer_id is defined and sessConsumer_id != ''%}
{% if app.request.locale == 'en' or app.request.locale == 'fr' %}
<a href="{{path('area_privada_dades', {'_locale':'es'})}}" class="btnimg">
{% else %}
<a href="{{path('area_privada_dades')}}" class="btnimg">
{% endif %}
{% else %}
<a href="#" data-open="registrat" class="btnimg">
{% endif %}
<h4 class="center">{{"Usuari registrat" | trans}}</h4>
<img src="{{asset('/frontoffice/images/register_v.png')}}" style="max-width:225px;" alt="{{"Usuari registrat" | trans}}"/>
<p>{{"Clica aquí si ja estàs registrat a l'àrea privada o si en temporadas anteriors ja havies comprat abonament, facilitant el teu e-mail i posant 'No recordo la contrasenya'." | trans}}</p>
</a>
</div>
</div>
<div class="large-6 medium-6 cell">
<div class="callout white abonament">
{% if app.request.locale == 'en' or app.request.locale == 'fr' %}
<a href="{{path('abonaments_front', {'_locale':'es'})}}" class="btnimg">
{% else %}
<a href="{{path('abonaments_front')}}" class="btnimg">
{% endif %}
<h4 class="center">{{"Nou usuari" | trans}}</h4>
<img src="{{asset('/frontoffice/images/online_v.png')}}" style="max-width:225px;" alt="{{"Usuari nou" | trans}}"/>
<p>{{"Clica aquí si ets nou usuari i és la primera vegada que compres un abonament." | trans}}</p>
</a>
</div>
</div>
</div>
<div id="registrat" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<div class="large-12 cell">
<div class="callout">
<h4>{{"Àrea privada d’usuari" | trans}}</h4>
<p><!-- {{"L’àrea privada d’usuari et dona accés a la compra d'abonaments, de classes, de forfeit i de promocions." | trans}} --> </p>
{% if app.request.locale == 'en' or app.request.locale == 'fr' %}
<form action="{{path('area_privada_check', {'_locale':'es'})}}" method="post" id="formulari">
{% else %}
<form action="{{path('area_privada_check')}}" method="post" id="formulari">
{% endif %}
<div class="abonaments">
<div class="comprador">
<h5>{{"Introdueix l'email i la contrasenya per accedir-hi" | trans}}</h5>
<div class="grid-x grid-padding-x">
<div class="large-6 medium-6 cell">
<label>{{"E.mail" | trans}}:</label>
<input name="email" id="email" type="email" required="required">
</div>
<div class="large-6 medium-6 cell">
<label>{{"Contrasenya" | trans}}:</label>
<input name="clau" id="clau" type="password" required="required">
</div>
<div class="large-6 medium-6 cell">
<input name="accedir" type="submit" value="{{"Accedir" | trans}}" class="button">
</div>
<div class="large-6 medium-6 cell">
<a href="{{path('area_privada_recordar')}}" class="button secondary">{{"No recordo la contrasenya" | trans}}</a></li>
</div>
</div>
</div>
</div>
</form>
<div class="callout warning">
<p>{{"IMPORTANT: Si no tens la clau per accedir en aquesta àrea has de clicar “no recordo la clau”. L’e.mail 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>
</div>
</div>
</div>
<a class="close-button" data-close aria-label="Close reveal"><span aria-hidden="true">×</span></a>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{parent()}}
<script src="{{asset('/frontoffice/js/jquery.mixitup.js')}}"></script>
<script src="{{asset('/frontoffice/js/smooth-scroll.js')}}" ></script>
<script src="{{asset('/frontoffice/js/owl.carousel.js')}}" ></script>
<script type="text/javascript">
{#$('#grid').mixitup({
transitionSpeed: 800
});#}
//Portfolio Filter Active State
$('ul#portfolioFilter li').click(function () {
$('ul#portfolioFilter li').removeClass('active-filter');
$(this).addClass('active-filter');
});
{%if errors is defined and errors|length>0%}
alert("hay errores")
{%endif%}
</script>
{% endblock%}