{% block menu_mobile %}
<div id="menu-mobile" class="apk-offcanvas uk-light" uk-offcanvas="overlay: true">
<div class="uk-offcanvas-bar apk-offcanvas-mobile">
<button class="uk-offcanvas-close" type="button" uk-close></button>
<div class="uk-text-center uk-margin-top">
<a href="/{{app.request.locale}}" title="{{ "Your website name"|trans }}">
<div class="apk-logo">
<span>{{ "Your website name"|trans }}</span>
</div>
</a>
</div>
<div class="uk-margin-medium-top uk-flex uk-flex-center">
{{ get_language_switcher_html(document, 'inline', 'code')|raw }}
</div>
<div>
<ul class="uk-nav apk-nav-account">
{% if userLogged %}
<li>
<a href="{{path('account')}}">
{{ "My account"|trans }}
</a>
</li>
<li>
<a href="{{path('account_orders')}}">
{{ "My bookings"|trans }}
</a>
</li>
{% if is_granted("ROLE_ADMIN") %}
<li>
<a href="{{path('admin_users')}}">
{{ "Users Management"|trans }}
</a>
</li>
<li>
<a href="{{path('admin_orders')}}">
{{ "Orders Management"|trans }}
</a>
</li>
{% endif %}
{% if app.user.parrainageToken %}
<li>
<a href="{{path('account_parrainage')}}">
{{ "Parrainer"|trans }}
</a>
</li>
{% endif %}
<li>
<a href="{{path('beforeLogout')}}">
{{ "Logout"|trans }}
</a>
</li>
{% else %}
<li>
<a href="{{path('login')}}">
{{ "Login"|trans }}
</a>
</li>
{% endif %}
</ul>
</div>
<div class="uk-margin-top">
{% include "includes/main-nav-sidebar.html.twig" %}
</div>
<div class="uk-margin-top">
<ul class="apk-socials uk-navbar-nav">
{% if document.getProperty('facebookUrl') %}
<li>
<a href="{{ document.getProperty('facebookUrl') }}" target="_blank" rel="noopener" title="Facebook">
<img uk-svg width="31" height="31" src="/static/img/pictos/facebook.svg" alt="Facebook">
</a>
</li>
{% endif %}
{% if document.getProperty('instagramUrl') %}
<li>
<a href="{{ document.getProperty('instagramUrl') }}" target="_blank" rel="noopener" title="Instagram">
<img uk-svg width="31" height="31" src="/static/img/pictos/instagram.svg" alt="Instagram">
</a>
</li>
{% endif %}
{% if document.getProperty('linkedinUrl') %}
<li>
<a href="{{ document.getProperty('linkedinUrl') }}" target="_blank" rel="noopener" title="linkedIn">
<img uk-svg width="31" height="31" src="/static/img/pictos/linkedin.svg" alt="linkedIn">
</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
{% endblock %}