<div class="off-canvas position-right" id="offCanvasRightPush" data-off-canvas data-transition="push" style="overflow:auto;">
<div class="grid-x grid-padding-x" style="padding-top: 1rem;">
<div class="large-12 cell">
<a data-toggle="offCanvasRightPush" title="MenĂº" style="float:right;"><i class="fas fa-times"></i></a>
</div>
<div class="large-12 cell">
<div class="social-icons" style="font-size: 24px; line-height: 3rem; text-align: center;">
<a href="https://twitter.com/MasellaPirineu" class="tw" title="{{"Twitter" | trans}}"target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://instagram.com/masellapirineu" class="ins" title="{{"Instagram" | trans}}"target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.tiktok.com/@masellapirineu" class="fb" title="{{"Tik Tok" | trans}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
<a href="https://www.masella.com/blog/ca/" class="yt" title="{{"Blog" | trans}}" target="_blank"><i class="fa-brands fa-wordpress"></i></a>
<a href="https://www.youtube.com/channel/UCa7pba995uS3Xlv1aqoEDNg" class="tv" title="{{"TV Masella" | trans}}"target="_blank"><img src="{{asset('frontoffice/css/images/tv-masella-black.png')}}" width="26" height="26" style="margin: -8px 0 0 2px!important"/></a>
</div>
</div>
{%set selected=0%}
{%set disabled=0%}
{%if objMenuOpcio.parent.id is defined%}{%set selected=objMenuOpcio.parent.id%}{%endif%}
{% set sUrl = '' %}
{% if objMenuOpcio|length>0%}
{% for entity in objMenuOpcio %}
{% if (entity.visible) %}
{%if actual==entity.id or parentDisabled==1%}
{%set disabled=1%}
{% endif %}
{% set sUrl = '#' %}
{% if (attribute(entity, 'url'~(app.request.locale|capitalize)) != '') %}
{% set sUrl = attribute(entity, 'url'~(app.request.locale|capitalize)) %}
{% else %}
{% if entity.getPagina() is not null %}
{% set sUrl = path ('paginas',
{ '_locale' :app.request.locale,
'_slug' :attribute(entity.getPagina(), 'slug'~(app.request.locale|capitalize))}
)%}
{% endif %}
{%endif%}
<div class="large-12 cell nav-menu {% if sUrl == '#' %} has-dropdown not-click {% endif %}" style="padding-bottom:10px; margin-bottom:10px; position:relative; overflow:visible;">
<h6><a href="{{sUrl}}" target="{{entity.target}}">{{attribute(entity, 'titol'~(app.request.locale|capitalize))}}</a></h6>
{{ render(controller('App\\Controller\\frontoffice\\MenuOpcioController::showMenuPrincipalAction', { 'id' : entity.getId(),'level':level+1,'actual':actual,'selected':selected,'parentDisabled':disabled,'nomback':attribute(entity, 'titol'~(app.request.locale|capitalize))})) }}
{%set disabled=0%}
</div>
{% endif %}
{% endfor %}
{% endif %}
{% if (app.session.get('sessConsumer_id') is defined) and (app.session.get('sessConsumer_id') != '')%}
<div class="large-12 cell nav-menu {% if sUrl is defined and sUrl == '#' %} has-dropdown not-click {% endif %}" style="border-bottom:solid 1px #666; padding-bottom:10px; margin-bottom:10px; position:relative;">
<h6><a href="{{path('area_privada_dades')}}" target="_self">{{ "Area d'usuari" | trans }}</a></h6>
</div>
{% endif %}
</div>
</div>