{% load static %}
{% get_media_prefix as MEDIA_PREFIX %}

<nav class="nav-responsive">
    {% if configuration.button_adhesion %}
        <a href="#adherer" class="btn-responsive" title="adhesion_one" onclick="asideswipe.call(this);">
            <img src="{% static 'arnaud_mvc/img/menu/adhesion_card.png' %}" alt="adhesion">
            <h4 style="font-size: 0.8rem;">Adhérer</h4>
        </a>
    {% endif %}
    <a href="#calendar" class="btn-responsive">
        <img src="{% static 'arnaud_mvc/img/menu/calendriern.svg' %}" alt="billeterie Ti Billet">
        <h4>Calendrier</h4>
    </a>
    <a href="#events" class="btn-responsive">
        <img src="{% static 'arnaud_mvc/img/menu/concerts.svg' %}" alt="billeterie Ti Billet">
        <h4>Concerts</h4>
    </a>
{#    <a href="" class="btn-responsive">#}
{#        <img src="../img/menu/programme.svg" alt="Programme">#}
{#        <h4>Programme</h4>#}
{#    </a>#}
    <a href="{{ MEDIA_PREFIX }}{{ configuration.map_img }}" class="btn-responsive">
        <img src="{% static 'arnaud_mvc/img/menu/map.svg' %}" alt="Map">
        <h4>Map</h4>
    </a>
</nav>

<!-- MENU LIEUX -->
<div class="menu-page">
    {% if configuration.button_adhesion %}
        <a href="#adherer" class="btn-menu-page" title="adhesion_one" onclick="asideswipe.call(this);">
            <img src="{% static 'arnaud_mvc/img/menu/adhesion_card.png' %}" alt="billeterie Ti Billet">
            <h4 style="font-size: 0.8rem;">ADHERER</h4>
        </a>
    {% endif %}
    <a href="#calendar" class="btn-menu-page">
        <img src="{% static 'arnaud_mvc/img/menu/calendriern.svg' %}" alt="billeterie Ti Billet">
        <h4 style="font-size: 0.8rem;">CALENDRIER</h4>
    </a>
    <a href="#events" class="btn-menu-page">
        <img src="{% static 'arnaud_mvc/img/menu/concerts.svg' %}" alt="billeterie Ti Billet">
        <h4 style="font-size: 0.8rem;">CONCERTS</h4>
    </a>
    {#                <a href="" class="btn-menu-page">#}
    {#                    <img src="{% static 'arnaud_mvc/img/menu/video.svg' %}" alt="billeterie Ti Billet">#}
    {#                    <h4 style="font-size: 0.8rem;">VIDEO</h4>#}
    {#                </a>#}
    {#                <a href="" class="btn-menu-page">#}
    {#                    <img src="{% static 'arnaud_mvc/img/menu/programme.svg' %}" alt="billeterie Ti Billet">#}
    {#                    <h4 style="font-size: 0.8rem;">PROGRAMME</h4>#}
    {#                </a>#}
    <a href="{{ MEDIA_PREFIX }}{{ configuration.map_img }}" class="btn-menu-page"
       style="margin-right:0;">
        <img src="{% static 'arnaud_mvc/img/menu/map.svg' %}" alt="billeterie Ti Billet">
        <h4 style="font-size: 0.8rem;">MAP</h4>
    </a>
</div>
<!-- END MENU LIEUX -->